Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript react map es6箭头函数不';行不通_Javascript_Reactjs - Fatal编程技术网

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