將元素附加到箭頭函數

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
     });
    }