84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
React Native で CustomTextInput を作成して使用したいと考えています。以下のコードに従って作成しましたが、CustomTextInput の onChangeText プロパティが正しく機能しません。
広範な調査にもかかわらず、問題の原因がわかりません。何を見逃したのでしょうか?
ここでも確認できます https://snack.expo.dev/@cemyeten/handling-text-input
ご覧のとおり、コンポーネント内にコンポーネントを作成してそれを使用します。
ただし、コンポーネント内に機能コンポーネントを作成したため、状態更新が発生するたびに機能コンポーネントが再作成されます。
より良いオプションは、CustomTextInput を画面または状態を持つコンポーネントの外に移動することです。
コンポーネントをApp関数の外側に置くか、別のファイルを作成することをお勧めします。コンポーネントを内側に置くと、テキストを記述するときに useState フックがApp関数をレンダリングすることになるためです。これを UI に反映すると、コンポーネントがフォーカスを失います。
App
修正コード:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ご覧のとおり、コンポーネント内にコンポーネントを作成してそれを使用します。
ただし、コンポーネント内に機能コンポーネントを作成したため、状態更新が発生するたびに機能コンポーネントが再作成されます。
より良いオプションは、CustomTextInput を画面または状態を持つコンポーネントの外に移動することです。
＃＃＃例えば：＃＃＃ リーリーコンポーネントを
App関数の外側に置くか、別のファイルを作成することをお勧めします。コンポーネントを内側に置くと、テキストを記述するときに useState フックがApp関数をレンダリングすることになるためです。これを UI に反映すると、コンポーネントがフォーカスを失います。修正コード:
リーリー