Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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 如何从按钮';s值多少?_Javascript_Html_Reactjs - Fatal编程技术网

Javascript 如何从按钮';s值多少?

Javascript 如何从按钮';s值多少?,javascript,html,reactjs,Javascript,Html,Reactjs,我在对象数组上使用map方法创建按钮: arrayOfObjects.map(obj => ( <button value={obj} onClick={handleClick} key={obj._id}> {obj.name} </button> 如何获取对象本身?有了这些,我得到了以下结果: 用此代码替换您的代码 arrayOfObjects.map(obj => ( <button :value=obj onClick=

我在对象数组上使用map方法创建按钮:

arrayOfObjects.map(obj => ( 
  <button value={obj} onClick={handleClick} key={obj._id}>
    {obj.name}
  </button>
如何获取对象本身?有了这些,我得到了以下结果:

用此代码替换您的代码

arrayOfObjects.map(obj => ( 
  <button :value=obj onClick="handleClick" :key=obj._id>
    {{obj.name}}
  </button>
arrayOfObjects.map(obj=>)
{{obj.name}

您可以使用以下对象包装handleClick函数:

const handleClick = (obj) => () => {
  onClick(obj) 
}
通过按钮:

arrayOfObjects.map(obj => ( 
  <button onClick={handleClick(obj)} key={obj._id}>
    {obj.name}
  </button>
arrayOfObjects.map(obj=>)
{obj.name}

值存储为字符串,而不是对象

你应该做一些类似的事情

arrayOfObjects.map(obj => ( 
  <button onClick={()=>onClick(obj)} key={obj._id}>
    {obj.name}
  </button>

arrayOfObjects.map(obj=>)
onClick(obj)}key={obj.\u id}>
{obj.name}
arrayOfObjects.map(obj => ( 
  <button onClick={()=>onClick(obj)} key={obj._id}>
    {obj.name}
  </button>