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 フックが App 関数をレンダリングすることになるためです。これを UI に反映すると、コンポーネントがフォーカスを失います。

修正コード:

リーリー