Javascript 在Reactjs中,如何发送和响应用户定义的事件?

Javascript 在Reactjs中,如何发送和响应用户定义的事件?,javascript,reactjs,Javascript,Reactjs,在reactjs中,如何发送用户定义的事件?和对用户定义事件的响应?你能举个例子吗?e、 g.user.newItemAddToCart 下面的代码是响应标准DOM事件的示例 var AddFriend = React.createClass({ getInitialState: function(){ return { newFriend: '' } }, updateNewFriend: function(e){ this.setState({

在reactjs中,如何发送用户定义的事件?和对用户定义事件的响应?你能举个例子吗?e、 g.user.newItemAddToCart

下面的代码是响应标准DOM事件的示例

var AddFriend = React.createClass({
  getInitialState: function(){
    return {
      newFriend: ''
    }
  },
  updateNewFriend: function(e){
    this.setState({
      newFriend: e.target.value
    });
  },
  handleAddNew: function(){
    this.props.addNew(this.state.newFriend);
    this.setState({
      newFriend: ''
    });
  },
  render: function(){
    return (
        <div>
          <input type="text" value={this.state.newFriend} onChange={this.updateNewFriend} />
          <button onClick={this.handleAddNew}> Add Friend </button>
          <span onUser.newItemAddToCart= {...}> does this work?</span>
        </div>
    );
  }
});
var AddFriend=React.createClass({
getInitialState:函数(){
返回{
新朋友:“”
}
},
updateNewFriend:函数(e){
这是我的国家({
新朋友:e.target.value
});
},
handleAddNew:函数(){
this.props.addNew(this.state.newFriend);
这是我的国家({
新朋友:“”
});
},
render:function(){
返回(
加朋友
这行吗?
);
}
});

用户定义事件是什么意思?看起来您真的应该先了解HTML和javascript事件处理程序。比较这一行
我知道javascript和DOM中的事件处理程序,但不知道如何在react中执行。用户定义的事件是什么意思?看起来你真的应该先了解HTML和javascript事件处理程序。比较这行
我知道javascript和DOM中的事件处理程序,但不知道如何在react中执行。