2021年10月12日に復帰する開発日記

1435 ワード

ある瞬間慰めを感じたロゴを撮ったとき、奇妙に変なものが撮れました.私が望んでいたものではありません.
もともと私はライフサイクルについてよく知らないので、ライフサイクルについてもっと知りたいと思っていました.
多重線タクシーのグラフが重なって表示されていますが、グラフに表示されているのは成功していますし、選択を解いても保持できますし、開いてチェックを繰り返すと、同じように複数生成されるので、さらに理解する必要があります.
カレンダーをクリックして時間を設定したいのでreaction-deadsを使って実現は成功しましたが、私が欲しいのは今日以降の日付ではなく、今日以前の日付で、今日前の日付が詰まっているので、さらに理解する必要があります.
*解決
기존코드 
<DateRangePicker
  startDate={startDate}
  startDateId="start-date"
  endDate={endDate}
  endDateId="end-date"
  onDatesChange={({ startDate, endDate }) => {
    setStartDate(startDate);
    setEndDate(endDate);
  }}
  focusedInput={focusedInput}
  onFocusChange={(focusedInput) =>
  setFocusedInput(focusedInput)
  }
/>

 이 코드를 추가하였더니 이후날짜대신 이전날짜만 클릭할수 있게 적용됨
 isOutsideRange={(day) =>
   !isInclusivelyBeforeDay(day, moment())
 }
 initialVisibleMonth={() => moment().subtract(1, "month")}

수정한 코드
<DateRangePicker
  startDate={startDate}
  startDateId="start-date"
  endDate={endDate}
  endDateId="end-date"
  onDatesChange={({ startDate, endDate }) => {
    setStartDate(startDate);
    setEndDate(endDate);
  }}
  focusedInput={focusedInput}
  onFocusChange={(focusedInput) =>
  setFocusedInput(focusedInput)
  }
  isOutsideRange={(day) =>
   !isInclusivelyBeforeDay(day, moment())
 }
 initialVisibleMonth={() => moment().subtract(1, "month")}
/>
これも調べてみます.