ReactJS Slider 轮播组件

Question

根据一些代码示例，我发现了这个：

<Slider ref = {c => (this.slider = c)} {...this.settings}>
        {
          //custom component for slider content
        }
      </Slider>

我不明白 ref = {c => (this.slider = c)} {...this.settings} 是什么意思。这是在做什么？ this.settings 是一个具有各种属性的对象，如 arrows:false、mobilefirst:true。但是我不知道 ref 等的这种构造，并且在示例中没有解释。
有这方面的指南吗？

Answer 1

此代码创建对元素的引用以便稍后使用它 - 它存储在 class 上，可以使用 this.slider 访问或作为道具传递给 children .例如，它可以像常规 HTML 元素一样用于设置焦点：this.slider.focus()。您可以在此处阅读有关回调引用的更多信息：https://reactjs.org/docs/refs-and-the-dom.html#callback-refs

ReactJS Slider 轮播组件

ReactJS Slider carousel component

slider

reactjs

react-component