将元素附加到箭头功能

Question

我正在使用箭头功能在单击按钮时创建事件，如何将元素附加到该功能。新手问题。

  handleButtonClick(classId) {
    this.setState({
      classId
    });
  }

  render() {
    return (
      <Button
        name="name"
        value={classId}
        onClick={e => this.handleButtonClick(e, classId)}
      >'Click me'
      </Button>
    );
  }

Answer 1

除了改变

handleButtonClick(classId) {

到

handleButtonClick(e, classId) {

然后您可以通过目标属性（即e.target

）访问元素

Answer 2

只需更改

handleButtonClick(classId) {

进入

handleButtonClick(e, classId) {

自onClick处理程序以来，您首先传递了e：

onClick={e => this.handleButtonClick(e, classId)}

希望这会有所帮助

Answer 3

您只需要在函数中添加事件参数，就可以使用event.target.value来访问输入值

    handleButtonClick(event,classId) {
     this.setState({
     classId:event.target.value
     });
    }