[React Native]To Do Appの作成:画面の切り替えとデータのロード
1762 ワード


このようにクリックしたラベルに従って、次の画面の切り替えを期待します.


新しく追加されたNewToDosオブジェクトに簡単に作業を残し、現在の作業とオブジェクトの作業が同じかどうかを3つの演算子で条件に基づいて判別し、画面に色を塗るだけで簡単な解決方法があります.
今、携帯電話にデータを保存します.
これをするなら、再び万博に戻らなければなりません.万博にはAsyncStorageというモジュールがあるからです.

expo install @react-native-async-storage/async-storage
インストールします.また、expo installとは、基本的にnpm installと似ていますが、インストールされたexpoバージョンに応じて対応するモジュールもインストールされます.
https://react-native-async-storage.github.io/async-storage/docs/usage/

また、使用方法はこのように簡単で、待つ必要がある以外は、Web上のlocalStorageに似ています.
キーに@toDosを付けることができます.

それぞれの関係でasyncを待つことも.

setItemsはPromiseを返します.だから待つ必要があります.関数にはasyncが必要です.


同じキーを繰り返し使用します.

loadToDosを追加して終了です!
useEffectを書くときに2番目のパラメータは括弧を使いましょう!!括弧を使って、結構時間がかかりました.
Reference
この問題について([React Native]To Do Appの作成:画面の切り替えとデータのロード), 我々は、より多くの情報をここで見つけました https://velog.io/@sa03134/React-Native-ToDo-App-만들기-화면-전환-p4raavtsテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol