无法以 reactjs 形式向输入字段提供文本

卡拉

我很新,所以如果这是一个愚蠢的问题,请原谅我。

我正在尝试使用Meteor提交我的表单React当我单击提交按钮时,我得到 undefined undefined 但这只是因为我无法在输入字段中输入。想不通啊 这是我的代码。

目前唯一onSubmit要做的就是提供日志。

    export default class AddDeal extends React.Component {
  constructor(props) {
    super(props);

    // Set the state
    this.state = {
      title: '',
      description: ''
    };

    this.onSubmit = this.onSubmit.bind(this);
    this.handleChange = this.handleChange.bind(this);
  }

  onSubmit(e) {
    e.preventDefault();

    console.log(this.state.name, this.state.age);
  }

  handleChange(e) {


    this.setState({
      [event.target.name]: event.target.value
    });
  }

  render() {
    return (
    <div>
      <h1>Add Deal</h1>
      <form onSubmit={this.onSubmit}>
        <label><input value={this.state.title} onChange={this.handleChange} type="text" name="title"/></label>
        <label><input value={this.state.description} onChange={this.handleChange} type="text" name="description" /></label>
        <input type="submit" value="Submit"/>
      </form>
    </div>
    );
  }
}

谢谢你。

八角茴香

在您的手柄更改功能中,更改evente,反之亦然。您正在接受 e 但随后使用了称为事件的东西。这些变量名称应该相同。

handleChange(e) {


  this.setState({
    [e.target.name]: e.target.value
  });
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章