Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Reactjs-如何将数组传递给函数?_Javascript_Reactjs - Fatal编程技术网

Javascript Reactjs-如何将数组传递给函数?

Javascript Reactjs-如何将数组传递给函数?,javascript,reactjs,Javascript,Reactjs,我有一个组件,它使用数组中的信息创建按钮,当用户单击按钮时,我想将此数组中的信息传递给函数,但得到的是“[Object Object]”,如何传递数组并访问函数中的元素 功能: handleClick (e) { const { value } = e.currentTarget console.log(value) }; 组件渲染: render () { return ( <div>

我有一个组件,它使用数组中的信息创建按钮,当用户单击按钮时,我想将此数组中的信息传递给函数,但得到的是“[Object Object]”,如何传递数组并访问函数中的元素

功能:

handleClick (e) {
        const { value } = e.currentTarget
        console.log(value)
    };
组件渲染:

render () {
        return (
            <div>
                {this.state.enrollments.map(item => (
                    <div key={item.id}>
                        <button value={item} onClick={this.handleClick}>
                            {item.enrollment}
                        </button>
                     </div>
                ))}
            </div>
        )
    }

在handleClick函数中,我想访问值,键入:value.id或value.user\u id。

如果需要,可以创建一个箭头函数,代码将变成:

<button value={item} onClick={(e) => this.handleClick(e, item)}>
  {item.enrollment}
</button>

你的例子缺少一个结束语
onClick={(e)=>this.handleClick(e,item)}
I排除保持干净的值,
this.handleClick(e,item)}>
。工作得很好!!
<button value={item} onClick={(e) => this.handleClick(e, item)}>
  {item.enrollment}
</button>
function (e) {
  return handleClick(e, item);
}