在

Question

我的反应非常新，我一直在摸索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文件中来实现这一点，但感觉不对。