如何解决错误无法读取null的属性'crgName'

Question

在我的react应用程序中，出现以下错误：在以下行上无法读取null的属性'crgName'：

{AppState.energyProgram.crgName}

下面是代码段：

<button 
  type="button" 
  className="btn btn-success dropdown-toggle" 
  data-toggle="dropdown" 
  aria-haspopup="true" 
  aria-expanded="false"
>
  {AppState.energyProgram.crgName}
</button>

...因此，对于我所登录的特定用户，对象energyProgram的JSON为null，因此我试图实现一种条件（检查其是否为null），以仍然呈现页面

所以我改变了：

{AppState.energyProgram.crgName} 

收件人：

{AppState.energyProgram.crgName && AppState.energyProgram.crgName['Name']}

...但是我仍然收到错误消息，请问我能得到一些帮助吗？

Answer 1

如果AppState.energyProgram.crgName未定义，那么AppState.energyProgram.crgName['Name']也将未定义。

如果您在console.log(AppState.energyProgram)函数返回的内容之外运行类似render()的内容，则可能有助于您在呈现对象之前对其进行故障排除。

Answer 2

您想测试AppState.energyProgram是否真实，只有这样才能访问/返回AppState.energyProgram.crgName的值-ergo：

{AppState.energyProgram && AppState.energyProgram.crgName}