我的反应非常新，我一直在摸索javascript内容初始化的问题 . 让我们举一个例子 Materialse Carousal ，这里

<div className="slider">
    <ul className="slides">
      <li>
        <img src="http://lorempixel.com/580/250/nature/1"> <!-- random image -->
        <div className="caption center-align">
          <h3>This is our big Tagline!</h3>
          <h5 className="light grey-text text-lighten-3">Here's our small slogan.</h5>
        </div>
      </li>
      <li>
        <img src="http://lorempixel.com/580/250/nature/2"> <!-- random image -->
        <div className="caption left-align">
          <h3>Left Aligned Caption</h3>
          <h5 className="light grey-text text-lighten-3">Here's our small slogan.</h5>
        </div>
      </li>
      <li>
        <img src="http://lorempixel.com/580/250/nature/3"> <!-- random image -->
        <div className="caption right-align">
          <h3>Right Aligned Caption</h3>
          <h5 className="light grey-text text-lighten-3">Here's our small slogan.</h5>
        </div>
      </li>
      <li>
        <img src="http://lorempixel.com/580/250/nature/4"> <!-- random image -->
        <div className="caption center-align">
          <h3>This is our big Tagline!</h3>
          <h5 className="light grey-text text-lighten-3">Here's our small slogan.</h5>
        </div>
      </li>
    </ul>
  </div>

HTML内容非常简单，但在何处准确初始化或在React中使其工作的正确方法是什么 .

$(document).ready(function(){
      $('.slider').slider({full_width: true});
    });

这是carousal初始化代码 . 我尝试放置在我定义滑块的同一个jsx文件的末尾，但我不断收到此错误 Uncaught TypeError: $(...).slider is not a function . 也尝试在 componentDidMount 初始化但没有成功 .

有人能指出我在React中初始化内容的正确方法 .

与需要初始化的其他组件类似的问题 . 如选择 .

类似地，对于社交登录（如Facebook，LinkedIn等），我想通过在一些脚本标记之间传递API来初始化用户 . 我通过将脚本标记放在我的条目HTML文件中来实现这一点，但感觉不对 .

javascript reactjs materialize