React Native 사용자 정의 TextInput이 onChangeText 이벤트에 응답하지 않습니다.

Question

React Native에서 CustomTextInput을 생성해서 사용하고 싶습니다. 아래 코드에 따라 생성했지만 CustomTextInput의 onChangeText 속성이 제대로 작동하지 않습니다.

광범위한 조사에도 불구하고 문제의 원인을 알 수 없었습니다. 내가 무엇을 놓쳤을까요?

으아악

여기에서도 확인할 수 있습니다 https://snack.expo.dev/@cemyeten/handling-text-input

Answer 1

보시다시피 컴포넌트 내부에 컴포넌트를 생성해서 사용하시는군요.

그러나 컴포넌트 내부에 기능적 컴포넌트를 생성했기 때문에 상태 업데이트가 발생할 때마다 다시 생성됩니다.

더 나은 옵션은 CustomTextInput을 화면이나 상태가 있는 구성 요소 밖으로 이동하는 것입니다.

예:

으아아아

Answer 2

구성 요소를 App函数之外，或者更好的方法是为其创建一个单独的文件，因为如果您将其放在内部，当您编写文本useState hook重新渲染App 함수에 배치하여 UI에 반영하면 구성 요소의 초점이 흐려집니다.

고정 코드:

으아악