如何在 react native 中使用选择器从 redux 状态设置 usestate 的初始值？

Posted 2023-02-16

【中文标题】如何在 react native 中使用选择器从 redux 状态设置 usestate 的初始值？

【英文标题】：how can i set initial value for usestate from redux state using selector in react native?

【发布时间】：2022-01-14 09:52:04

【问题描述】：

当我尝试从 redux 状态设置初始值时，文本组件上没有任何内容，但我可以在控制台上看到该值

   const Profile = props => 

   const userName = useSelector(userSelector);
   const [name, setName] = useState(userName);
   
   console.log(userName);
   
       return (
           <Text>name</Text>

       );
; 

【问题讨论】：

你不需要使用useState直到你需要在本地改变它，因为使用选择器redux，当它改变时会自动更新。

【参考方案1】：

它不会这样工作，因为 redux 在初始渲染后获取它的值，所以你只需要在 redux 值更新后更新你的状态

如果你的 redux store 是一个字符串，你可以直接使用 userName 代替 name。

使用 useEffect 挂钩并将 userName 添加到其依赖项数组中。

useEffect(() => 
  setName(userName);
, [userName])

在你的 react 组件中添加这个，它会起作用的！！