javascript - 运行应该在 React 中以 HTML 节点为目标的外部库吗？

Question

我正在尝试“以 react 方式”运行 flickity。这是我想要实现的组件:

const ProductCarousel = ({item}) => {
  const flky = new Flickity('.carousel', flickityOptions)
  return (
      <div class='carousel'>
        {item.get('images').map((url) => (
          <img src={stripUrl(url)} className='carousel-cell' width={512} />
      ))}
      </div>)
}

这不起作用，并且可能是错误的，因为我的目标是使用 React 创建的节点。我可以使用多个 npm 包，但我认为它们对我不起作用，因为我需要访问 flky 才能访问该对象中的方法。

Answer 1

使用componentDidMount:https://facebook.github.io/react/docs/react-component.html#componentdidmount

就您而言，您可以将 const flky = new Flickity('.carousel', flickityOptions) 放入 componentDidMount