最佳使用React前端框架

Question

我一直在使用rails的erb模板作为我的视图，但最近我一直试图将React合并为我的前端框架。我有点不知道前端框架应该如何使用。

例如，使用React来呈现静态按钮

var AddProspects = React.createClass({  
  displayName : 'AddProspects',
  render: function() {
    return (
        <button type="button" className="btn btn-info pull-right btn-block" data-toggle="modal" data-target="#uploadModal">
            <i className="fa fa-plus"></i> Upload Prospects
        </button>
    );
  }
});

React.render(<AddProspects />, document.getElementById("#add-prospects"));

例如使用普通html

<button type="button" class="btn btn-info pull-right btn-block" data-toggle="modal" data-target="#uploadModal">
  <i className="fa fa-plus"></i> Upload Prospects
</button>

在本例中使用React似乎有点过火。

我应该在整个视图中使用React吗？是否应该呈现从静态html到服务器端的动态数据的所有内容？或者仅仅将其用于与服务器交互并将静态内容留给普通html的元素更好？

Answer 1

React的重点是使用普通html。

这就是为什么你可以在你的反应代码中输入HTML标签。这样做的目的是保持简单。

简单的回答是:是的，你应该写很多普通的HTML。当您需要编写一些程序来使用它在内部反应，然后定义它在ReactJS上。我相信一个伟大的经验法则是:当有疑问的时候，想想什么会变得更混乱(以后更难维护代码)，然后用另一种方式去做。:D