React 嵌套映射/forEach 不起作用

Question

我正在开发一个 CMS 系统，其嵌套子菜单根据用户/自定义等而有所不同。

为了解决这个问题，我在反应组件中放置了一个地图函数。根据文档，这种方法仅适用于一个嵌套地图功能，但显然不适用于第二个，这是我渲染子菜单所需的，有什么想法吗？

render() {
    return (
        <div className="ui dropdown item">
            {this.state.text}
            <i className="dropdown icon"></i>
            <div className="menu">
                {multipleOptions.split(',').map(function(option, i){
                    option.split('@').map(function(subOption, i){
                        return <a className="item" key={i + "random"}>{subOption}</a>;
                    })
                })}
            </div>
        </div>
    )
}

Answer 1

需要return先在里面添加.map

{multipleOptions.split(',').map(function(option, i) {
   return option.split('@').map(function(subOption, i) {
     return <a className="item" key={i + "random"}>{ subOption }</a>;
   })
})}