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

如图,渲染一个列表:

bVFkzX.png

高洛峰
高洛峰

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

모든 응답(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)。


    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!