如何将jQuery与React js集成？

import React from 'react';
import $ from 'jquery';

class MyComponent extends React.Component {
  componentDidMount() {
    // 使用jQuery选择器获取DOM元素，并进行操作
    $('.my-element').doSomething();
  }

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

import React from 'react';
import $ from 'jquery';

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

  componentDidMount() {
    // 使用jQuery选择器获取DOM元素，并进行操作
    $(this.myElementRef.current).doSomething();
  }

  render() {
    return <div ref={this.myElementRef}>Hello World</div>;
  }
}