在点击处理程序中获取event.target元素对应的React组件实例,可以通过以下步骤实现:
class MyComponent extends React.Component {
handleClick = (event) => {
// 在这里获取event.target元素对应的React组件实例
}
render() {
return <div onClick={this.handleClick}>点击我</div>;
}
}
import ReactDOM from 'react-dom';
class MyComponent extends React.Component {
handleClick = (event) => {
const domNode = event.target;
const componentInstance = ReactDOM.findDOMNode(domNode);
// componentInstance即为event.target元素对应的React组件实例
}
render() {
return <div onClick={this.handleClick}>点击我</div>;
}
}
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.myRef = React.createRef();
}
handleClick = () => {
const componentInstance = this.myRef.current;
// componentInstance即为event.target元素对应的React组件实例
}
render() {
return <div ref={this.myRef} onClick={this.handleClick}>点击我</div>;
}
}
这样,你就可以在点击处理程序中获取event.target元素对应的React组件实例了。记得根据实际情况选择合适的方法,并根据需要进行错误处理和类型检查。
领取专属 10元无门槛券
手把手带您无忧上云