请解决此错误 - 未捕获的 TypeError：无法读取未定义的属性（读取“映射”）-解网

问：

react-refresh-runtime.development.js：315 未捕获的 TypeError：无法读取 undefined 的属性（读取“map”）

const Exchange = () => {
  const { exchanges, setExchanges } = useState([]);
  const { loading, setLoading } = useState(true);

  useEffect(() => {
    const fetchExchanges = async () => {
      const { data } = await axios.get(`${server}/exchanges`);
      // console.log(data);
      setExchanges(data);
      setLoading(false);
    };
    fetchExchanges();
  });
  return (
    <Container maxW={"container.xl"}>{loading ? ( <Loader /> ): (<>
        <HStack>
            {exchanges.map((i) => 
             (
                    <div>{i.name}</div>
                ))}
        </HStack>
    </>)}
    </Container>
  );
};

javascript reactjs 反应钩子

这是错误的。你绝对可以在一个空数组上调用 .map（），这就是为什么最好将状态初始化为 [] 而不是 null/undefined（假设它是一个数组）。此外，因为它是空的，.map（）永远不会迭代，因此 i.name 永远不会被调用。所以这也不可能是问题所在。问题是状态从错误的 GET 响应中设置为 undefined，因此没有问题的初始 [] 状态被 undefined 覆盖。这里的解决方案是调试并添加对GET响应的错误检查。

2赞 Ashley Ferns 11/15/2022 #2

而不是

const { exchanges, setExchanges } = useState([]);
  const { loading, setLoading } = useState(true);

这

  const [ exchanges, setExchanges ] = useState([]);
  const [ loading, setLoading ] = useState(true);

上一个：手动更新 NetBeans

下一个：无法使用 create-react-app，因为它显示以下错误

请解决此错误 - 未捕获的 TypeError：无法读取未定义的属性（读取“映射”）

Please solve this error - Uncaught TypeError: Cannot read properties of undefined (reading 'map')

评论

评论