ちょっとハマったので、自分のメモ用。以下のissueにかかれていたことを元にして解決。 github.com上記の内容をカスタムフックにラップすればOK const { loading, data, error } = useQuery(SOME_QUERY) const [state, setState] = React.useState([]) React…

年月のみが入力されたときも、当月の最終日を自動補完するコードを作った。ex) A1に年月または年月日が入力される前提 TEXT(IF(LEN(A1)=7, EOMONTH(A1, 0), C2:C), "YYMMDD") 2022/06 => 220630 2022/06/20 => 220620ポイントはLEN関数の長さが7の場合で、年…

Validationメッセージなどのメッセージには決まった文言が入るが、一部を置き換えたい場合などは、テンプレートリテラルよりC言語系で使われるSprintfが便利なのだが、JavaScriptにないため自作した。 export const sprintf = (format: string, ...args: str…

React Hook Formを使用するのは初めて。 React Hook Formを使用することでform内の値を管理するstateが不要になり、バリデーション機能も含まれているため、コード量を大幅に減らすことができる。またネット上にサンプルも非常に多いのも魅力的。form値の監…

Material UI学習時のメモ書き Gridシステム bootstrapを使用するときも同じだが、まずは基本のGridシステムの使い方を最初に知る必要がある。Gridは親Gridでcontainerを書き、その内側の子Gridでitemを定義する。 boostrapでいう、div class='container'とdi…