React.js未定义函数
React.js undefined function
遵循Microsoft关于React.js的教程。
我正在尝试映射一个列表的功能,所以它会重复多次。
这是错误的主要代码:
{[1,2,3].map(this.renderInboxItem)}
我得到的错误是:
bundle.js:8488 Uncaught TypeError: undefined is not a function
完整代码:
var React = require('react');
var ReactDOM = require('react-dom');
var sample = require('./sample-data.js');
var App = React.createClass({
renderInboxItem: function(){
return <h1> Test </h1>
},
getInitialState: function() {
return {
"humans":{},
"store":{}
};
},
loadSampleData: function(){
this.setState(sample);
},
render : function() {
return (
<div>
<div id="header"></div>
<button onClick={this.loadSampleData}> loadSampleData </button>
<div className="container">
<div className="column">
<InboxPane humans={this.state.humans} />
</div>
<div className="column"></div>
<div className="column"></div>
</div>
</div>
)
}
});
var InboxPane = React.createClass({
render : function() {
return (
<div id="inbox-pane">
<h1>Inbox</h1>
<table>
<thead>
<tr>
<th>Chat Received</th>
<th>Name</th>
<th>Status</th>
</tr>
</thead>
<tbody>
{[1,2,3].map(this.renderInboxItem)}
</tbody>
</table>
</div>
)
}
});
var InboxItem = React.createClass({
render: function(){
return (
<tr>
<td>5PM</td>
<td>Rami Loves Pizza</td>
<td>Order Sent</td>
</tr>
)
}
});
ReactDOM.render(<App/>, document.getElementById('main'));
renderInboxItem
是在您的App
类上定义的,但是您在不存在的InboxPane
类上调用它。将方法移动到InboxPane
相关文章:
- 现有函数未定义
- jQuery$.post可以在chrome、safari中工作,但不能在FF中工作(声明成功回调函数未定义)
- AngularJS ng repeat显示原型函数未定义
- jQuery onclick 函数:未定义不是一个函数
- 函数未定义
- 为什么在jsfiddle中显示ReferenceError:函数未定义
- 函数未定义,实际定义时为
- 函数未定义的Javascript(Basic)
- ajax函数未定义
- 为什么window.onload函数未定义
- 模块模式:函数未定义
- 包含的javascript源代码通过PHP,onmousemove事件,函数未定义
- 单击链接时出现函数未定义错误
- AngularJS和Angular Snap:SSnap构造函数未定义
- 在Node.js中,从同一文件中的另一个函数引用一个函数会导致'ReferenceError:-函数-未定义
- symfony trick javascript函数未定义
- 不断获取JS函数未定义错误
- AngularJS HTTP 资源 - 响应函数未定义
- 函数未定义,参数格式
- JavaScript 中的函数未定义