>

React 애플리케이션에서 다음 오류가 발생합니다. 다음 줄에서 'crgName'속성을 null로 읽을 수 없습니다.

{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}

to :

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

...하지만 여전히 오류가 발생합니다. 도와주세요.


  • 답변 # 1

    AppState.energyProgram 여부를 테스트하고 싶습니다  진실하고 오직 AppState.energyProgram.crgName 의 가치에 접근/반환  그렇다면 —ergo :

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

  • 답변 # 2

    AppState.energyProgram.crgName 인 경우  정의되지 않은 경우 AppState.energyProgram.crgName['Name']  또한 정의되지 않습니다.

    console.log(AppState.energyProgram) 와 같은 것을 실행하면  당신의 render() 외부  함수 반환, 렌더링 전에 해당 객체의 모양 문제를 해결하는 데 도움이 될 수 있습니다.

관련 자료

  • 이전 android - 특수 문자가있는 macOS 응용 프로그램의 ADB 명령
  • 다음 java - 배열에서 생성자를 사용할 수 없습니다