Question

反应函数不渲染任何内容

2017-03-06

2041

javascript reactjs redux

我在 react.js 中渲染 ajax 数据时遇到问题。在我的渲染函数中，我有

{!isLoading &&
    this.renderList(items)
}

我的 renderList 函数如下

renderList(items) {
  ...    
  ...

  const renderLi = (statusObj) => {

    return ( <h1> something </h1> ) 

  }

  statusList.map(renderLi);
}

我怀疑这是异步问题，我控制台中的 renderList 项确实通过参数传递获得了对象数组，我迷路了。

Answer 1

您的代码中的问题在于您没有从 renderList 函数 返回 任何内容，因此没有呈现任何内容

您的返回语句将是

{!isLoading &&
    this.renderList(items)
}

并且您的 renderList 函数将类似于

renderList(items) {
  ...    
  ...

  const renderLi = (statusObj) => {

    return ( <h1> something </h1> ) 

  }

  return (<div>{statusList.map(renderLi)}</div>);
}