React: 상태를 객체 배열의 인덱스로 사용하면 확인에도 불구하고 정의되지 않은 결과가 반환됩니다.

Question

상태가 있고 이를 객체 배열에 대한 색인으로 사용합니다. 해당 객체를 다른 구성 요소에 소품으로 전달할 때. 확인을 해도 다음과 같은 오류가 발생합니다.

으아아아

구성품:

으아아아

Answer 1

다음 세 가지 솔루션이 있습니다.

1. TestingTwo의 숫자 유형을 숫자로 업데이트하세요 |

2. 또 다른 해결책은 다음과 같습니다.

3. (항상 번호가 필요하다는 것을 알고 있는 경우 권장) 다음에서 인터페이스를 업데이트하세요.

   interface 菜单 { ItemNumber?: number;项目字符串？：字符串； } 받는 사람:

   界面菜单{ ItemNumber: number;项目字符串？：字符串； }

ItemNumber에서 옵션 제거 ?

두 번째 질문 업데이트

상태 설정에서도 동일한 문제가 발생하며 인터페이스는 이를 선택 필드로 만듭니다.

1. ?

   을 제거하여 필수 항목으로 만들 수 있습니다.

2. OnClick={() => TestMenu[activeMenu]?.setState() < setState가 물음표로 존재하는지 확인하도록 업데이트되었습니다< 更新为检查 setState 是否存在的问号

최종 편집

마지막 부분을 얻으려면 다음을 추가하세요.

OnClick={() => TestMenu[activeMenu]?.setState(1)

오류가 발생하는 이유는 setState에 값을 전달하지 않기 때문입니다