react動態生成列表

在組件的render函數中遍歷數組menus[]並且要return返回虛擬Dom對象。

render() {
        return createPortal(
            this.state.visible &&
            <div className={styles.modal}>
                <div className={styles.content}>
                    <ul>
                        {this.props.menus.map((item,index)=>{
                            console.log(index,item.title);
                            return <li   key={index}>{item.title}</li>
                        })}
                    </ul>
                </div>
            </div>, this.node
        )
    }