如何使用 Reacts 选择普通 dom 元素

Answer 1

您可以使用

useRef

钩子来实现此目的。

 function YourComponent() {
  const scrollerRef = useRef(null);

  // You can access the DOM element with scrollerRef.current

  return (
    <div className="scroller scroller-middle" ref={scrollerRef}>
      <svg
        className="scroller__thumb"
        xmlns="http://www.w3.org/2000/svg"
        width="100"
        height="100"
        viewBox="0 0 100 100"
      >
        <polygon points="0 50 37 68 37 32 0 50" style={{ fill: 'rgb(24,24,62)' }} />
        <polygon points="100 50 64 32 64 68 100 50" style={{ fill: 'rgb(24,24,62)' }} />
      </svg>
    </div>
  );
}