我正在用 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)