如何解决条件给出了错误的数据
我正在做一个 MERN 应用程序,但我被困在这个
我有一个数组,我映射了它,在映射了这个数组之后,我不得不映射了另一个位于里面的数组
到目前为止,一切都很酷,一切正常,但是,我尝试设置一个条件,如果该条件成立,您将向我展示一些信息,查看代码和图像
这就是de数据的样子
这是代码
import React from "react";
import { TodoMain,Todo,Close,CloseIcon,TaskContainer } from "./ToDoStyled";
import { useSelector,useDispatch } from "react-redux";
const ToDo = ({ setTodo,idRoom,setIdRoom }) => {
const handleTodo = () => {
setTodo(false);
setIdRoom("");
document.body.style = "overflow: auto";
};
const user = JSON.parse(localStorage.getItem("profile"));
const todo = useSelector(state =>
state.tasks.filter(
identificator => identificator.creator === user?.result?._id
)
);
return (
<div>
<TodoMain>
<Todo>
<Close>
<CloseIcon onClick={handleTodo} />
</Close>
<TaskContainer>
{todo.map(data => {
const { task,_id } = data;
return (
<div key={_id}>
{task.map(todo => {
return (
<>
{todo.room === idRoom && (
<h1 style={{ color: "white" }}>{todo.todo}</h1>
)}
</>
);
})}
</div>
);
})}
</TaskContainer>
</Todo>
</TodoMain>
</div>
);
};
export default ToDo;
所以,我所做的是,如果 todo.room === idRoom 那么你将向我展示特定信息,我这样做的原因是因为我不想从另一个房间,这就是为什么我做了那个条件
奇怪的是,如果我放了 todo.room 或 todo.name,那行得通,但如果我放了 todo.todo,它不会显示任何东西,所以,我该怎么做才能看到我 todo.todo 的东西!?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。