首页 > 解决方案 > 如何在 reactjs 中从 json 动态创建菜单项?

问题描述

我是 Material UI 的新手,示例中的所有内容都是静态的。JSON示例有什么可看的吗?

标签: djangopython-3.xreactjsmaterial-ui

解决方案


像这样写:

"Buckets": [
    {"Name": "elasticb-east-1-6532860766", "CreationDate": "2014-09-01T16:58:41Z"},
    {"Name": "elasticbeanstalk-860766", "CreationDate": "2015-10-06T00:24:57Z"},
    {"Name": "elasticbeansta", "CreationDate": "2015-10-02T17:37:19Z"}
]

<Menu>
    {
        this.state.Buckets.map((el,i) => (<MenuItem key={i} primaryText={el.Name} />))
    }
</Menu>

假设您将存储桶值存储在状态变量中。


推荐阅读