11週間のレビュー

2209 ワード
発展の姿勢. はんのう TIL テキストリンク

<仕事で感じたこと>


1.非同期動作では、コード順序が重要です。


特に、APIが呼び出されて.then()、.finally()として処理された場合、両者を混同すると、データが正しく伝達されない..then()が完全に実行された後、.finally()が実行されるからだ.このほか、親コンポーネントのステータスによって決定される論理が、そのステータスが変化する前に最初に実行されるというエラーもあります.

2.reactは、最初の構築時に未定義変数処理を伴う論理にエラーを発生します。


今回のミスは特に多い.データのフォーマットを検証するコードがあります.構築すると、この部分でよくエラーが発生します.検証が必要なデータを最初に構築するときに定義されていないためです.3つの演算子がある場合にのみ実行されるようにコードを記述し、エラーはありません.
const hasNameValid = deductor.name? deductor.name.length >= 2 : false

各ページにはコア機能があり、その他の機能は副次的です。


現在入力されているデータを基本データとして指定する論理があります.これをどのように実現するか分からないため、異なるAPIを2回連続して呼び出すところだった.ただし,このページの主な機能は寄付領収書の申請/修正であるため,他の作業はパラメータ等次要因として排除すべきである.
    const receiptInfo = {
        deductor: deductor.name,
        residentRegistrationNumber: deductor.residentRegistrationNo1 + deductor.residentRegistrationNo2,
        donationId: donationId,
        // 파라미터 값으로 넘겨준 체크박스 값
        isDefault: isChecked.defaultInfo
    };
20210630 TIL
jqueryテーブルの作成(テーブルの自動追加)コードの共有