React报错Element type is invalid及react-helmet标题不显示问题求助

• 问题1：提交文章跳转后直接报错的核心原因
  你代码中渲染评论日期的部分，错误地将字符串方法split用方括号调用：

  <span className="font-weight-bold">
    {date.split[0]}
  </span>
  <span className="font-weight-light">
     {date.split[1]}
  </span>
  

  split是字符串原型的调用方法，需要用括号传入分隔符参数，根据你的日期格式调整为对应写法即可解决报错，示例如下（分隔符按你实际的日期格式调整，比如空格、横杠、斜杠等）：

  <span className="font-weight-bold">
    {date.split(' ')[0]}
  </span>
  <span className="font-weight-light">
     {date.split(' ')[1]}
  </span>
  

• 问题2：title无法正常输出的问题
  该问题有两个常见诱因：

  1. Helmet组件放在了loading判断逻辑之外，页面刚挂载时文章详情接口还未返回，你从state.post中取出的title还是初始空值/undefined，直接渲染就会出现异常。
  2. 你的redux post reducer中，POST_DETAIL_LOADING_SUCCESS动作触发时，没有单独给state.post.title字段赋值，导致title始终没有有效值。
     更稳妥的解决方案是直接从已有的postDetail对象中取标题，同时添加兜底值避免空值异常，修改如下：

  <Helmet title={`Post | ${postDetail?.title || '文章详情'}`} />
  

补充优化建议 #

可以给所有深层访问的对象属性都加上可选链?.，比如postDetail?.category?.categoryName、postDetail?.creator?.name，避免接口返回字段缺失时页面意外崩溃。

内容的提问来源于stack exchange，提问作者Hi-wolfy