小编Sam*_*ono的帖子

为什么 React/Redux 形式的输入会将数字变成字符串?

我正在用 React 和 Redux 构建一个表单。当我在表单中输入数字时,输赢的输入会将输入的数字更改为字符串。表单未保存,因为数据类型应该是数字。当我将数字输入到表单中时,我不希望数字变成字符串。

我认为问题可能与我handleOnChange的表格有关。

class TeamForm extends Component {
   handleOnChange = event => {
      const { name, value } = event.target;

      const currentTeamFormData = Object.assign({}, 
      this.props.teamFormData, {
        [name]: value
        });
      this.props.updateTeamFormData(currentTeamFormData);
  };

   handleOnSubmit = event => {
       event.preventDefault();
       this.props.createTeam(this.props.teamFormData);
   };

    render() {
        const { name, wins, losses, logo_url } = this.props.teamFormData;
        return (
          <div className="teamForm">
            <h1>Add a team to the League</h1>
            <form onSubmit={this.handleOnSubmit}>
              <div>
                <label htmlFor="name">Name:</label>
                <input
                  type="text"
                  onChange={this.handleOnChange}
                  name="name"
                  value={name}
                />
              </div>
              <div>
                <label htmlFor="wins">Wins:</label> …
Run Code Online (Sandbox Code Playgroud)

reactjs redux react-redux

4
推荐指数
2
解决办法
4819
查看次数

标签 统计

react-redux ×1

reactjs ×1

redux ×1