javascript - 使用嵌套地图生成组件

Question

目标是生产这个......

<option value={1}>$</option>
<option value={2}>$$</option>
<option value={3}>$$$</option>
<option value={4}>$$$$</option>

使用地图。

我试过这个...

let money = ['$', '$$', '$$$', '$$$$' ]
money.map(function(val, i) { <option value={i + 1}> val.map(function(char, j) {return char} </option> )});

但我认为我缺少一些非常基本的知识来使其正常工作。

标签： javascriptreactjs

Answer 1

您Array#map不返回任何内容，并且数组从 0 开始计数。我还假设您的环境支持 JSX。话虽如此，试试这个：

const money = ['$', '$$', '$$$', '$$$$' ]
money.map((val, i) => <option value={i + 1}>{val}</option>);