TypeScript

TypeScript

【TypeScript】canvas(HTMLElement)の型を指定する

TypeScriptでcanvasを使用するとき、型をどうしようか迷ったのでメモです。 canvasの型 エディタの候補でも出てくると思いますが、HTMLCanvasElementです。 ただ、これを以下のように当てはめ...
Next.js

【Next.js×TypeScript】_app.tsx内のMyAppの型定義でエラーが出る

eslintを使用しているのですが、Next.jsの_app.tsx内でMyappのエラーが出ていました。その解消方法を記録します。 元のコード ({ Component, pageProps }: AppProps) =>に...
JavaScript

【React × JavaScript or TypeScript】ページネーションをreact-paginateライブラリを使って実装してみた

使用したライブラリ react-paginateを使用しました。 Reactのnpmでインストール可能なページネーション系で、本日時点でpopularityが第2位のものです。1位のものよりこちらの方がスタイルの調整が効きそう...
React

【TypeScript×React】childrenの受取を必須にしたい!もしくは拒否したい!

開発をするなかで、このコンポーネントにはchildrenが絶対必要って設定したい…!ってなるとき、たまにありませんか? かなり簡潔ですが、以下のようにすればできます。 必ず受け取るとき ReactNodeを指定します。 ...
TypeScript

【TypeScript】?って何?Propsのオプションを指定する

初めてTypeScriptを使用した際、プロパティについている「?」ってなに???となっていたのですが、これを読めば解決します。 プロパティについている「?」とは?? そのプロパティが、オプション(任意)であることを示していま...
React

【TypeScript×React】React.FCとは? その特徴

TypeScriptとReactで開発をしていると、必ずと言ってもいいほど使うのがReact.FCです。 最初に見たときは「なんぞや?」と思ったので、基本的な点を説明していきます。 React.FCとは? 略さずに書くと...
React

【TypeScript×React】useReducerとuseContextを使ってログイン状態を管理する

SPAを制作しているときに、Reactの状態管理でログイン状態かログアウト状態かを取得したかったため、useReducertとuseContextで実装しました。 方針 ログイン状態を判断するstateをグローバルで管理するそ...
React

【TypeScript×React】React-Modalの使い方

Reactで簡単にモーダルが作れるライブラリのインストールと使い方の説明です。今までは自分で一からモーダルを作っていたのですが、今回はライブラリにあやかりました。 前提環境 TypeScriptとReactはインストー...
React

【エラー/TypeScript×React】inputが使えない。inputが入ったコンポーネントを返すと読み込まれなくなる。

はまったエラーがあったので記録です! エラーが出たコード <input></input>という形で文字列を囲んでいます。 うまくいった例 これを<input value="" />とすると...
スポンサーリンク
タイトルとURLをコピーしました