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

Question

如图，渲染一个列表:

Answer 1

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

Answer 2

Answer 3

我用 React 写了个博客：https://github.com/hojas/rblog

可以看看渲染文章列表部分的代码

Answer 4

  render() {
    return (<p>
              { this.state.list.map((elem, index) => {
                  return <li>
                           { elem.name }
                         </li>;
                }) }
            </p>);
  }

Answer 5

谢邀。
直接手打demo了

// ...
render(json){
    return (
        <ul>
            {
                json.keys.map( data => {
                    return <li>{json[data]}</li>
                })
            }
        </ul>
    )
}
// ...

或者

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

Answer 6

谢邀，看看他们的吧。都写差不多了

Answer 7

谢邀，建议去github上down个demo好好看看。