react.js没有在数组数据更新的html中更新状态

Question

我有这样的数据。

var data = [
{name : 1, data :[{age : 20, address : '233'},
                  {age : 20,    address : '233'}]},
{name : 2, data :[{age : 20, address : '233'},
                  {age : 20, address : '233'}]}]

在渲染功能上，我有两个这样的循环。使用ajax调用创建数据数组，这需要花费时间并为每个名称填充数据数组。现在在html中我从来没有看到内部循环html呈现在broswer中。我可以看到长度从0更新为2但html没有更新。

{this.state.data.map(function(main) {
   return <div><div>{main.name}{main.data.length}</div>// Length shows 0 on load and after all ajax call shows as 2 in html
    {data.map(function(child) {
       return <div>{child.age}</div>;// This never work
    })}
    <div>;             
})}

Answer 1

我认为你应该改变

{data.map(function(child) {

并改为使用

{main.data.map(function(child) {

Answer 2

试试这个

main.data.map(function(child){