初学React，怎么通过获取到的JSON数据渲染相应数量的元素？

Question

如图，渲染一个列表:

Answer 1

直接手打demo了

// ...
render(json){
    return (
        

            {
                json.keys.map( data => {
                    return 
{json[data]}
                })
            }
        
    )
}
// ...

或者

// ...
render(json){
    let arr = json.keys.map( data => {
        return (
{json[data]}
)
    })
    return (
        

            { arr }
        
    )
}
// ...

Answer 2

  render() {
    return (

              { this.state.list.map((elem, index) => {
                  return 

                           { elem.name }
                         
;
                }) }
            
);
  }

Answer 3

遍历列表，然后异步请求数据，数据回来之后，setState更新数据（会触发view）。