我想从我在redux-thunk中所做的API调用的响应中呈现fullName字符串，并将其放在useEffect中（useDispatch（）钩子）。如果我在JSX中没有返回任何内容，并且如果我在console.log中记录它实际传递的状态，我可以在控制台中看到整个数据。但是如果我想呈现数据的任何部分，我会得到一个错误：
未捕获的类型错误：无法读取null的属性（阅读'fullName'）。

const Profile = (props) => {
  let { userId } = useParams();

  const dispatch = useDispatch();

  const state = useSelector((state) => state);

  useEffect(() => {
    dispatch(getUserProfile(userId));
  }, []);

  return <div>
    {state.profile.profile.fullName} //error if i want smth to render, two profile because one from redux's initialState, and one from api.
  </div>;
};

export default Profile;

感谢

export const getUserProfile = (userId) => (dispatch) => {
  profileAPI.getProfile(userId).then((response) => {
    debugger
    dispatch(setProfile(response));
  });
};

我尝试了很多条件渲染的方法，但是没有一种方法对我有帮助