如何在reactjs中从json动态创建菜单项?

时间:2018-05-13 13:03:13

标签: django python-3.x reactjs material-ui

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

1 个答案:

答案 0 :(得分:1)

像这样写:

"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>

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