Javascript react map es6箭头函数不';行不通
我有下面的代码,它没有呈现任何内容,我想知道我的错误在哪里,我没有在控制台中看到任何错误Javascript react map es6箭头函数不';行不通,javascript,reactjs,Javascript,Reactjs,我有下面的代码,它没有呈现任何内容,我想知道我的错误在哪里,我没有在控制台中看到任何错误 var App = React.createClass({ getInitialState(){ return { items:[1,2,3] } }, renderItem(){ this.state.items.map((item,i)=> <li key={i}>{item}</li>) }, render(){
var App = React.createClass({
getInitialState(){
return {
items:[1,2,3]
}
},
renderItem(){
this.state.items.map((item,i)=> <li key={i}>{item}</li>)
},
render(){
return(
<ul>
{this.renderItem}
</ul>
)
}
})
React.render(<App />, document.getElementById('container'));
var-App=React.createClass({
getInitialState(){
返回{
项目:[1,2,3]
}
},
renderItem(){
this.state.items.map((item,i)=>{item} )
},
render(){
返回(
{this.renderItem}
)
}
})
反应(
需要建议。首先,您需要使用()
调用您的方法:
{this.renderItems()}
其次,您需要在方法内部返回:
renderItems(){
return this.state.items.map((item,i)=> <li key={i}>{item}</li>)
},
renderItems(){
返回此.state.items.map((item,i)=>{item} )
},
这些只是普通的Javascript类方法。这里没有什么特殊的React。您需要以与任何Javascript代码相同的方式调用方法和返回值。首先,您需要使用()
调用方法:
{this.renderItems()}
其次,您需要在方法内部返回:
renderItems(){
return this.state.items.map((item,i)=> <li key={i}>{item}</li>)
},
renderItems(){
返回此.state.items.map((item,i)=>{item} )
},
这些只是普通的Javascript类方法。这里没有什么特殊的React。您需要像调用任何Javascript代码一样调用方法和返回值。当您使用return并再次调用它时?但是它工作了,谢谢!renderItem有任何自执行函数吗?如果答案正确,请单击空的c勾选左答案旁边的复选标记将其标记为正确。当您使用return并再次调用它时,我再次被卡住了Andy?但它工作了,谢谢!renderItem是否有自动执行功能?如果这是正确答案,请单击左答案旁边的空复选标记将其标记为正确。我再次被卡住了Andy