Next.JS React Hookを使うと書式エラーになる
Hookを使うとなぜかこんなエラーが React Hook "React.useState" is called in function "hoge" that is neither a React function component n...
TypeScript
Next.JS javascript JavaScriptの連想配列
JavaScriptの配列 まず、普通の配列はキーが数字のものを指し const array = ; こんな感じで書けますが、実は console.log(array instanceof Object); //true console.l...
javascript 配列のキーが歯抜けだとlengthがundefindになる
axiosで受け取ったレスポンスのサイズを見るためにlengthプロパティーを参照したら何故かundefindになってしまいました。 理由 バックエンド側のレスポンスで { 0: { id: 1 }, 3: { id: 3 }, 5: { ...
javascript [TS]テキスト中からURLを抜き出してリンクタグに変換する
テキストの中からURLを抽出してリンクタグに変換する関数を書いてみた。 だいたいこんな感じ function autoLink(str:string) { const regexp_url = /(https?|ftp):\/\/+/g; ...
javascript FormDataで入れ子のデータをPOSTする方法
fetchでこんな感じのデータをPOSTしたい場合どうするのか？ [ 0 => [ 'id' => '1', 'name' => 'aaaaa', ], 1 => [ 'id' => '2', 'name' => 'bbbb', ], ] ...
TypeScript [typescript]変数の型が何か調べたい時
プリミティブ型なのかオブジェクトなのか調べたい時は typeofでしらべる object とか number などの文字列が返ります。 オブジェクトがclassの場合は instanceof でClass判定ができる。こんな感じ class...
TypeScript [TypeScript]type の 型の名称
typeで定義した変数の型の名前を取得したい場合 typeof()だと、object としか出てこないが object.constructor.name などとすると、型の名称まで取得できる。
TypeScript TS7053: Element implicitly has an ‘any’ type because expression of type …..
可変のオブジェクトキーの存在チェックをしたかったのだが if(requestOptions.headers && !requestOptions.headers)){ requestOptions.headers = { ...reques...
TypeScript [TypeScript]オブジェクト配列にしたら型が剥がれた
Vueでこんな型を作った type queryOptions = { :Ref|string|number } で、こんな感じでオブジェクト内のキーと値をとってみたのだが・・・ for(const key in options) { i...
TypeScript [TypeScript]ジェネリクス型のデフォルト
TypeScriptで呼び出し時にジェネリクスを指定しなかった場合にデフォルトで型を指定したい場合はこうする function hoge<T=string>(val:T) ジェネリクスを指定することも可能 function hoge<T,S...