无法在道具上读取未定义的属性

Question

const Page: FC<PageProps> = () => {
  const dispatch = useAppDispatch();

  const querystring = window.location.search;
  const urlparameter = new URLSearchParams(querystring);
  const postid = Number(urlparameter.get("id"));

  const [COM] = GET_COMMENT(4); //retrieve Comments with axios
  const [data, loading, error] = RETRIEVE_POST("qna", 4); //retrieve Post Detail with axios

  useEffect(() => {
    dispatch(changeCurrentPage({ type: "/page/:uri", data: data }));
    return () => {
      dispatch(changeCurrentPage({ type: "/", data: {} }));
    };
  }, []);

  return (
    <>
      <div>
        {/* error */}
        <PostContent data={data} />
      </div>
    </>
  );
};

export default Page;

const PostContent: FC<ContentProps> = ({ data }) => {
  const { user, content } = data;
  return (
    <div>
      <div>
        {/* Post Content */}
        {content}
      </div>   
      <div>
        {/* Post Writer */}   
        <Link to={user.profileImageUrl}>
          <Writer
            imgUrl={user.profileImageUrl}
            userName={user.nickname}
          />
        </Link>
      </div>
    </div>
  );
};

我想将数据从页面发送到邮政信段。 但是在contentprops（后尾）中发生了错误。 帖子作者部分有麻烦。

用户信息是未定义的，所有页面都是中断的。

如何在没有错误的情况下将数据发送到儿童道具？

Answer 1

由于您未定义向孩子，检查数据是否首先到达。这就是为什么它崩溃了。

    {data?.user? 
        <PostContent data={data} />
    : <p>No data here</p>}