javascript - React 如何动态渲染子组件？

Answer 1

render() {
    let infoList = this.state.infoList;

    return (
        <p>
            //根据infoList的长度动态渲染子组件，并且将infoList[i]的信息传入子组件显示
            {
                infoList.map((item, index)=>{
                    return  <PanelInfo key={index} panelDetail={item}/>
                })
            }
        </p>
    );
},

Answer 2

render(){
   let list = []
   if(this.state.infoList.length>0){
    this.state.infolist.map((item)=>{
      list.push(<p key={item.key}>{item.content}<p>)
    })
   }
   return (
     <p>
       {list}
     </p>
   )
}

Answer 3

可以在子组件直接获取，不用从父组件传给子组件；