0

我正在做一个 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,但是,如果我抓住两者,两者都会改变,只需要改变一个,我点击的那个

4

0 回答 0