ReactJS Слайдер карусельный компонент

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

Этот код создает ссылку на элемент для последующей работы с ним - он хранится в классе и может быть доступен с помощью this.slider или передан в качестве опоры для детей.Например, его можно использовать для установки фокуса, как с обычным элементом HTML: this.slider.focus ().Вы можете прочитать больше об обратных ссылках здесь: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs