react-bootstrap - 如何使用服务器端渲染？

Question

我正在使用Rails与react-rails gem。服务器端工作完美，但最近我添加了react-bootstrap到项目中。

都好，除了反应服务器引用两次反应脚本的事实，这会导致矛盾与反应的自举

让我来告诉你。在我的application.js中我引用如下：

.. 
//= require react 
//= require react_ujs 
//= require react_bootstrap 
//= require utils 
//= require components 
.. 

内部组件

.. 
//= require react-server 
//= require stuff 
.. 

我使用react_component渲染组件，与预渲染：真。它工作的很好，但如果你使用，让我们说，输入（从反应引导），然后它抱怨addToRef错误，这是由多个反应引用

如果我删除react/react_ujs，那么我不再有反应客户端。如果我删除react-server，那么我不再在服务器上做出反应。但是，如果我删除react-server，那么React-bootstrap不再抱怨多个引用

有没有办法使用反应服务器端和React-bootstrap？

Answer 1

react-server和react都有React完整副本！唯一的区别是react-server也包括ReactDOMServer。

我认为components.js你可以有：

//= require react-server 
//= require stuff 

然后在application.js

//= require components 
//= require react_ujs 

我使用了类似的安排，因为我在浏览器需要ReactDOMServer.renderToString。