export default class Panel extends React.Component{    constructor(props) {        super(props)        this.state = {             infoList : []         }     }     componentDidMount() {        //fetch 獲取info 詳細(xì)信息         //setState 將詳細(xì)信息放入infoList     }     render() {        return (          <div>             //根據(jù)infoList的長度動(dòng)態(tài)渲染子組件，并且將infoList[i]的信息傳入子組件顯示            <PanelInfo />           </div>         );     } }如上述代碼通過fetch獲取詳情的列表，并且通過列表長度和列表里對象的各個(gè)屬性值渲染子組件，如何實(shí)現(xiàn)？//例如偽代碼infoList : [     {"title":"panel_1","context":"this is panel_1"},     {"title":"panel_2","context":"this is panel_2"} ]for(let i = 0;i < infoList.length; i++) {     <PanelInfo panelDetail={this.state.infoList[i]}/> }