初学React,怎么通过获取到的JSON数据渲染相应数量的元素?
高洛峰
高洛峰 2016-11-10 10:48:09
0
3
786

如图,渲染一个列表:

bVFkzX.png

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

membalas semua(3)
学霸

直接手打demo了

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

或者

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


    三叔
      render() {
        return (
                  { this.state.list.map((elem, index) => {                   return 
  •                            { elem.name }                          
  • ;                 }) }             
    );   }


    三叔

    遍历列表,然后异步请求数据,数据回来之后,setState更新数据(会触发view)。


    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!