我试图循环遍历一个对象数组以返回Textfields,但是其中一个textfield参数要求我从状态对象中选择一个特定的项目。
{this.state.table1Data.map((n,index) => {
if(n.id === this.state.editingId){
return (
<TableRow key={n.id}>
<TableCell className={classes.tableTextField}>
<TextField
autoFocus
name='directors'
className={classes.textFieldTableMed}
value={this.state.table1Data[index].directors}
margin="normal"
onChange={(e)=>{this.handleTableRow(e,n.id)}}
onKeyPress ={(e)=>{this.handleExitEditing(e,n.id)}}
/>
</TableCell>
)
})
})
}
特别是
value={this.state.table1Data[index].directors}
这一行。例如,table1Data数组包含与此类似的对象:
{id:1,导演:'汤姆'}。我想用密钥作为模板来修改这条线
value={this.state.table1Data[index].directors}
这样我得到2个对象,其中一个对象
value={this.state.table1Data[index].directors}
和一个
value={this.state.table1Data[index].id}
。
我可以毫无问题地遍历对象键,但我不确定是否存在使用模板文字的现有方法。非常感谢任何帮助!