我正在做一个 MERN 应用程序
发生的情况是,我试图在 onClick 函数中仅传递一个值或对象的索引,以便我可以在后端进行一些更改,但是,它传递的不仅仅是我需要的一个对象,所以,如何从一组对象中只获取一个元素?
这是我的数据,这是对象数组
这是我的代码以及我如何在 onClick 函数中尝试仅捕获一个值或索引,特别是 dispatch(checkTasks(_id, todo))
<TodoContainer>
{todo.map(data => {
const { homework, _id, createdAt } = data;
return (
<HomeworkContainer key={_id}>
<HomeworkHeader>
<HomeworkHeaderName>
{user?.result?.name} <br />
<span>{moment(createdAt).fromNow()}</span>
</HomeworkHeaderName>
<span
style={{ padding: "0rem 2rem" }}
onClick={() => dispatch(deleteTasks(_id))}
>
<HomeworkButtonDelete />
</span>
</HomeworkHeader>
<AllTodoStuff white>
<SpanTodoStuff>
Date : {moment(createdAt).format("DD-MM-YY")}
</SpanTodoStuff>
</AllTodoStuff>
{homework.map((rightTodo, i) => {
const { todo, complete } = rightTodo;
return (
<>
{complete === false ? (
<AllTodoStuff key={i} Uncompleted>
<SpanTodoStuff>{todo}</SpanTodoStuff>
<p>
<span style={{ padding: "0rem 2rem" }}>
<IconDone
onClick={() =>
dispatch(checkTasks(_id, todo))
}
/>
{console.log(i)}
</span>
<span style={{ padding: "0rem 2rem" }}>
<IconCancel />
</span>
</p>
</AllTodoStuff>
) : (
<AllTodoStuff key={i} white>
<SpanTodoStuff>{todo}</SpanTodoStuff>
<p>
<span style={{ padding: "0rem 2rem" }}>
<IconDone />
</span>
<span style={{ padding: "0rem 2rem" }}>
<IconCancel
onClick={() =>
dispatch(checkTasks(_id, todo))
}
/>
{console.log(i)}
</span>
</p>
</AllTodoStuff>
)}
</>
);
})}
</HomeworkContainer>
函数的输出都是索引,在这种情况下
0
1
但我只需要 0,如果我在另一种情况下抓住 0 或 1,但是,如果我抓住两者,两者都会改变,只需要改变一个,我点击的那个
