在React JSX中动态更改.map中的输入名称

Question

{this.props.items.map((item, idx) => (
<input type="text" name="name{idx}" ... />
))}

有没有办法动态更改输入的名称，如：

name="name0"
name="name1"
name="name2"
...

我尝试了name="name{idx}"; name="name"{idx}; name="name"+{idx}; name="name".{idx}; ...

Answer 1

使用此：

<input type="text" name = {`name${idx}`} ... />

name${id}：这种方式称为模板文字，请检查mozilla doc。

或者您也可以使用+：

撰写

<input type="text" name = {"name" + idx} ... />