Question

我需要获取一个我已经克服的组件并查看其目标属性。我试图得到它但是evt param是未定义的

  getcomponent(evt){

  console.log(evt.target)
  //...

  }

//...

  render() {

      return (<button id="btn" onClick={() =>this.getcomponent()}></button>);
  }

Answer 1

将event作为参数添加到onClick：

render() {
    return (<button id="btn" onClick={(event) =>this.getcomponent(event)}></button>);
}

Answer 2

您没有将事件传递给函数调用。传递这样的事件： onClick={(evt) => this.getcomponent(evt)}。

Answer 3

让代码简洁明了：

onClick = event => {
  console.log(event.target)
}
render() {
  return <button id="btn" onClick={this.onClick}></button>
}

Answer 4

您需要传递事件才能将其取回。这是代码。

＆＃13;

class TestJS extends React.Component {
    constructor(props) {
        super(props);
        this.getcomponent = this.getcomponent.bind(this);
    }

    getcomponent(event){
        console.log(event.target);
    }
    render() {
        return(
            <div id="root">
                <button id="btn" onClick={(event) =>this.getcomponent(event)}></button>;
            </div>

        )};
    }
export default TestJS;

＆＃13;

如何通过onClick获取函数中的React组件

4 个答案: