Javascript ReactJs Type错误

Question

当用户点击后退按钮时,我正在尝试渲染"OTHERPAGE"...代码段:

onClickBack:function(e){
    var parentId = getParentIdById(this.props.id);
    React.render(<OTHERPAGE id={parentId} />, document.getElementById('main'));
},

该函数触发我期望它.getParentIdById将UUID作为字符串返回,这就是我需要的方式.调用React.render会抛出异常:

消息:"element.type不是构造函数"

我不明白......我在页面顶部要求React:

var React = require('react');

有谁知道问题可能在这里？

谢谢你的帮助

编辑:

我也收到这个警告:

"警告:只能将函数或字符串作为React组件安装."

虽然不是真的帮助我...

Answer 1

你必须从它的文件中导出OTHERPAGE:

文件OTHERPAGE.react.js:

var OTHERPAGE = React.createClass({...});
module.exports = OTHERPAGE;

使用OTHERPAGE组件:

var OTHERPAGE = require('./components/OTHERPAGE.react');
var React = require('react');

var parentId = ...;
React.render(<OTHERPAGE id={parentId} />, document.getElementById('main'));