如何在React中选择DOM元素

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }

  componentDidMount() {
    this.myRef.current.focus();
  }

  render() {
    return <input ref={this.myRef} />;
  }
}

class MyComponent extends React.Component {
  handleClick(event) {
    console.log(event.target); // 获取点击的DOM元素
  }

  render() {
    return <button onClick={this.handleClick}>Click me</button>;
  }
}

import ReactDOM from 'react-dom';

class MyComponent extends React.Component {
  componentDidMount() {
    const element = ReactDOM.findDOMNode(this);
    const target = element.querySelector('.my-element');
    console.log(target); // 获取选择的DOM元素
  }

  render() {
    return <div className="my-element">Hello</div>;
  }
}