下面是一个混合jQuery和React的例子。
这里的主要内容是创建一个DIV，然后使用React.useRef，将其分配给DIV，然后在useEffect中可以直接访问DIV，然后可以设置其innerHTML并对其应用任何jQuery方法。
下面是jQuery carousel的示例，在顶部，标准React在底部。
注意事项：当然你也可以扩展它来传递props，这样innerHTML就可以把图片的url作为数组来传递了，但是它会保持原样，这样其他人就可以很容易地理解了。

const domNode = document.getElementById('mount');
const root = ReactDOM.createRoot(domNode);

function Carousel() {
  const ref = React.useRef();
  React.useEffect(() => {
    const pl = 'https://albert-cyberhulk.github.io/jQuery-Carousel/example/bower_components/jquery-cccarousel/src/img/placeholder.png';
    ref.current.innerHTML = `
<div class="dynamic">
  <div class="leftDirection"></div>
  <div class="rightDirection"></div>
  <div class="slider">
      ${new Array(14).fill(
      `<div class="image"><img src="${pl}"/></div>`)}
  </div>
</div>`
    $(ref.current).ccCarousel({});
  },[]);
  return <div 
  className="galleryWrapper"
  ref={ref}></div>;
}

function App() {
  return <React.Fragment>
     <Carousel/>
     <div style={{color: 'white'}}>Above is a jQuery Carousel.</div>
     <div style={{color: 'yellow'}}>Mixed with React</div>
  </React.Fragment>
}

root.render(<App/>);

个字符