React Native のカスタム TextInput が onChangeText イベントに応答しない

Question

ReactNativeでCustomTextInputを作成して使用したいと考えています。以下のコードに従って作成しましたが、CustomTextInput の onChangeText プロパティが正しく機能しません。広範囲に及ぶ調査にもかかわらず、問題の原因を突き止めることができませんでした。何を見逃したのでしょうか? importReact,{useState}from'react';import{View,StyleSheet}from'react-native'

P粉938936304 · Answer

ご覧のとおり、コンポーネント内にコンポーネントを作成してそれを使用します。

ただし、コンポーネント内に機能コンポーネントを作成したため、状態更新が発生するたびに機能コンポーネントが再作成されます。

より良いオプションは、CustomTextInput を画面または状態を持つコンポーネントの外に移動することです。

＃＃＃例えば：＃＃＃リーリー

P粉754473468 · Answer

コンポーネントを App 関数の外側に置くか、別のファイルを作成することをお勧めします。コンポーネントを内側に置くと、テキストを記述するときに useState フックが App 関数をレンダリングすることになるためです。これを UI に反映すると、コンポーネントがフォーカスを失います。

修正コード:

リーリー

React Native のカスタム TextInput が onChangeText イベントに応答しない

全員に返信(2)返信します