Javascript React:将参数传递给map中的函数

Javascript React:将参数传递给map中的函数,javascript,reactjs,parameters,map-function,Javascript,Reactjs,Parameters,Map Function,我正在构建一个组件,它使用MaterialDesign的表显示React中的用户数组 每行由一个映射函数生成: let actions = this.props.rowButtons; ... {this.props.tableData.map( (val, index) => ( <TableRow key={index}> <TableRowColumn >{ind

我正在构建一个组件,它使用MaterialDesign的表显示React中的用户数组

每行由一个映射函数生成:

let actions = this.props.rowButtons;
...
{this.props.tableData.map( (val, index) => (
                       <TableRow key={index}>
                         <TableRowColumn >{index}</TableRowColumn>
                         <TableRowColumn >{val.firstName}</TableRowColumn>
                         <TableRowColumn >{val.lastName}</TableRowColumn>
                         <TableRowColumn >{val.email}</TableRowColumn>
                         <TableRowColumn >
                            <ActionButtons actions={actions}/>
                         </TableRowColumn>
                       </TableRow>
))}

您必须稍微修改
操作。试着按照下面的方法做

modifyActions = (actions, val) => {
  return actions.map((a) => {
      return Object.assign({}, a, {onClick: () => a.onClick(val)})
  })
}

<ActionButtons actions={this.modifyActions(actions, val)})}/>
modifyActions=(actions,val)=>{
返回操作。映射((a)=>{
返回Object.assign({},a,{onClick:()=>a.onClick(val)})
})
}

试试
onClick:()=>onClick(val)
。我不太明白。我将对象数组指定给“操作”。我想把val注入这个数组中的每个函数
modifyActions = (actions, val) => {
  return actions.map((a) => {
      return Object.assign({}, a, {onClick: () => a.onClick(val)})
  })
}

<ActionButtons actions={this.modifyActions(actions, val)})}/>