为什么状态在 redux 中未定义

Question

我正在尝试从 redux 中的 reducer 获取一些数据，当我使用 useSelector 获取状态时 return undefined 我尝试使用 console.log 来记录数据并寻求帮助从其他 Whosebug 帖子有人可以帮忙吗？

谢谢！

代码：

import foo from "foo";
import React from "react";
import useSelector from "react-redux";

function fooBar():React.FC {
let data = useSelector(state:StateType=>{state.fooBar});
return(
<div>
<p>{data}</p>
</div>
);
}

Answer 1

根据给定的信息，您还没有return编辑函数体中的状态值。

let data = useSelector(state:StateType=>{state.fooBar}); // <-- no return!!

您应该从函数中显式 return state.fooBar：

const data = useSelector(state: StateType => {
  return state.fooBar;
});

或者使用隐式箭头函数return（注意{ ... }中没有函数体）：

const data = useSelector(state: StateType => state.fooBar);

为什么状态在 redux 中未定义

Why is the state undefined in redux

web-frontend

web

reactjs

redux

react-redux