私は2つのネストされたmap
を持つように達成することはできません。JSXのマップでネストループを使用するにはどうすればよいですか?
render() {
return (
<table className="table">
<tbody>
{Object.keys(this.state.templates).map(function(template_name) {
return (
<tr key={template_name}><td><b>Template: {template_name}</b></td></tr>
{this.state.templates[template_name].items.map(function(item) {
return (
<tr key={item.id}><td>{item.id}</td></tr>
)
})}
)
})}
</tbody>
</table>
)
}
これはSyntaxError: unknown: Unexpected token
を与えます。
JSXでmap
コールをネストするにはどうすればよいですか?
:あなたは、以下のように試みることができますか? –
@MattHolland React 16.1.1 – vmarquet