如何显示元素名字和姓氏......来自商店redux

Question

在这里找到我的代码，当我尝试获取名字时，我遇到了“无法读取未定义的属性”的问题，有人可以提供解决方案或解释我的代码有什么问题

let state = useSelector(state => {
      // console.log('State: ', state.profile);
       return state.profile;
     });


   const [profile, setProfile] = useState();
   const [formState, setFormState] = useState({
       isValid: false,
       values: {},
       touched: {},
       errors: {}
   });

   useEffect(()=>{
       console.log({accesstoken: token});
   if(token)
       dispatch(profileActions.getInfos({accesstoken: token}));
   },[])


   useEffect(()=>{
       if (state)
       setProfile(state)
       console.log(profile.profile);
   },[state, profile])

/// here the peace of code to display the profile.data.firstname
ListItemText primary="Date de creation" secondary{JSON.stringify(profile.data.firstName)} />

Answer 1

您是否在 useEffect 之前控制了变量状态。 我想不需要使用 (useState & useEffect) 你可以直接使用你的变量状态。 尝试在useEffect之前或之后添加console.log(state)并与as共享。