javascript - react 函数不渲染任何东西

Question

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

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

我的 renderList 函数如下

renderList(items) {
  ...    
  ...

  const renderLi = (statusObj) => {

    return ( <h1> something </h1> ) 

  }

  statusList.map(renderLi);
}

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

Answer 1

您的 cod 中的问题是您没有从 renderList 函数中返回任何内容，因此没有渲染任何内容

您的返回单将是

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

你的renderList函数将类似于

renderList(items) {
  ...    
  ...

  const renderLi = (statusObj) => {

    return ( <h1> something </h1> ) 

  }

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