将元素附加到箭头函数

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) {

然后您可以通过 target 属性访问该元素，即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
     });
    }