如何解决获取数组中单个对象的索引或值
我正在做一个 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,但是,如果我抓住两者,两者都会改变,而且只需要改变一个,我点击的那个
>版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。