React Form组件onSubmit处理程序不起作用

React Form组件onSubmit处理程序不起作用

React

与之一起使用时，

ES2015 classes

应设置

this

事件处理程序

class Form extends React.Component {  constructor(props) {     super(props);     this.handleSubmit = this.handleSubmit.bind(this);  }  handleSubmit(e) {    e.preventDefault();    let loginInput = this.refs.login;    this.props.addCard(loginInput.value);    loginInput.value = '';  }  render() {    return(      <form onSubmit={ this.handleSubmit }>        <input placeholder="githug login" ref="login" />        <button>Add Login</button>      </form>    );  }}

Example

No Autobinding

方法遵循与常规ES6类相同的语义，这意味着它们不会自动将其绑定到实例。您必须显式使用.bind（this）或箭头函数=>。