在反应中使用es6计算状态的状态null错误

Question

我在jsx中有这个

<tr>
{!isEmpty(content) && content.map(o => {

                    if(o.sortKey){ console.log(this.state[`order${o.sortKey}`]) }
})}
</tr>

我无法运行应用程序，当我评论console.log行并执行此操作console.log(this.state); console.log(o.sortKey)时，我有{ordercreated_at:'asc'}和created_at，但为什么我的计算状态有null错误？

Answer 1

在调用map方法时，你必须返回一些内容。

content.map (o => { return (<span></span>)})

这里的map方法返回一些东西，错误就会消失。