머티리얼 UI 선택 구성 요소가 선택한 값을 올바르게 표시하지 않습니다.

Question

선택 컴포넌트가 있는데 메뉴 항목을 보고 선택할 수 있는데 컴포넌트에서 선택한 값이 표시되지 않습니다. 항목을 선택하면 데이터베이스의 값이 업데이트되기 때문에 핸들러 기능이 제대로 작동합니다

다음은 코드 부분입니다:

으아악

객체 키 유형을 문자열에서 숫자로 변경해 보았지만 도움이 되지 않았습니다.

Answer 1

구성요소에 값을 전송하고 있습니다.

상태 변수를 생성하고 값이 변경되면 상태를 업데이트합니다.

예를 들어 - const [value, setValue] = useState("");

그런 다음 아래와 같이 handlerSelect의 상태를 업데이트하세요

으아악

마지막으로 선택 구성요소에 업데이트된 값을 보냅니다

으아악