javascript - How to pass custom attributes onClick in React

Question

I want to pass custom attribute task to function. following is the code but it is giving undefined

function handleChange(e)
{
   console.log(e.target.task)
}


const listTask = props.tasks.map((task)=>
{
   return(
      <option key={task._id} task={task}>{task.title}</option>
   )
})

return(

<select onChange={handleChange}>
       {listTask}
</select>
)

in handleChange method, I want to access task attribute is there any way?

标签： javascriptreactjs

Answer 1

你可以试试这个

function handleChange(e, task) {
  console.log(task)
}


<select onChange={e => handleChange(e, task)}>
  <option key={task._id} task={task}>
    {task.title}
  </option>
</select>

---

参考：将参数传递给事件处理程序