我有一个想要挂载到的 ReactJS#test-scores
组件user/show.html
。该组件位于app/assets/javascripts/react-components/test-score.js.jsx
.
如何确保仅在用户访问时才加载user/show
?它现在是为每个页面加载的。
应用程序/资产/javascripts/react-components.js:
//= require_tree ./react-components
应用程序/资产/javascripts/react-components/test-score.js.jsx
1 $( document ).ready( function() {
2
3 var TestResultBox = React.createClass({
4 loadTestScoreFromServer: function() {
5 $.ajax({
[snipp...]
74 React.render(
75 <TestResultBox />,
76 document.getElementById('test-scores')
77 );
这会导致一个 JS 错误,它会破坏其他东西:
react.js?body=1:20238 Uncaught Error: Invariant Violation:
_registerComponent(...): Target container is not a DOM element.
关于我应该如何构建事物的任何建议?:-)
干杯,马丁