Javascript 使用ReactJS有更好的方法吗？

嗯。。我是ReactJS新手，我是AngularJS开发者

我有个问题。。。我需要点击链接，并呈现一个与youtube iframe视频

是的，但是

代码如下：

<div class="news-box -hero">
  <a href="#" class="news-cover -play -video">
    <img src="images/news4.jpg" alt="" class="cover">

    <div class="video-box" video-id="uoNPBcEBmFg"></div>
  </a>

  <a href="#" class="news-info" style="border-color: #174489">
    <h3>Title</h3>
    <p>Date and Hours</p>
  </a>
</div>

我需要在点击“.-video”时显示youtube iframe在“.video box”中

将有许多'-视频'

我这样做了：

/**
 * Video
 */
var VideoBox = React.createClass({
  render: function () {
    return (
      <iframe width="70%" height="100%" src={'https://www.youtube.com/embed/' + this.props.videoId + '?rel=0&autoplay=1'} frameBorder="0" allowFullScreen></iframe>
    );
  }
});

/**
 * When click on '-video'
 */
var videos = document.querySelectorAll('.-video');

for (var i = 0, t = videos.length; i < t; i++) {
  var video = videos[i];

  video.addEventListener('click', function(e) {
    e.preventDefault();

    var videoBox = video.querySelector('.video-box'),
        id = videoBox.getAttribute('video-id');

    React.render(
      <VideoBox videoId={id} />,
      videoBox
    );

    videoBox.style.display = 'block';
  });
}

/**
*录像带
*/
var VideoBox=React.createClass({
渲染：函数（）{
返回(
);
}
});
/**
*当点击“视频”时
*/
var videos=document.queryselectoral（'.-video'）；
对于（var i=0，t=videos.length；i

是的，它起作用了！有更好的办法吗

---

谢谢

您是否也将

新闻框

作为react组件？我不确定您为什么要以这种方式使用react，它混合了传统的DOM事件处理和一点react代码？如果你重组整个程序块来使用我想象中的React，会更容易，特别是从操作和事件模式。该网站将在Wordpress中创建，我的想法是使用该项目学习React。这个想法是这样的：使用React是一个更好的主意，还是使用它不是一个好主意？谢谢在我看来，在React中编写所有内容（如果您使用React）会更好。那么React对AJAX调用最有用吗？例如，在这个项目的主页上，我将有一个天气小部件，我将请求一个API，在这种情况下，React更有用吗？