こんにちは、クレイの正岡です。 コロナ禍が始まってから小学生時代以来のゲーム生活を送っています。ゲームボーイと呼んでください。 さて、今回は React × Typescript でコードを...
【検証】React.FCとReact.VFCはべつに使わなくていい説
こんにちは、クレイの正岡です。 コロナ禍が始まってから小学生時代以来のゲーム生活を送っています。ゲームボーイと呼んでください。 さて、今回は React × Typescript でコードを...
[React + Typescript] react-beautiful-dnd を使ってドラッグ＆ドロップ機能を実装する | DevelopersIO
画像ファイルを用意する(Optional) UI 上に表示する画像を準備します。今回はめそこスタンプをドラッグ＆ドロップできるようにしました。 publicディレクトリ下にimagesフォルダを切ってその中に画像データを保持します。 charactersData.ts にドラッグ＆ドロップするデータを登録 caractersData.tsに以下のデータを保持します。 idは後にreact-beautiful-dndを導入する際に必要になるので一意のものを付与してください。 export const CHARACTERS = [ { id: "gambaruzoi", name: "がんばるぞい", thumb: "/images/1.png", }, { id: "gyp", name: "ぎょぱー！", thumb: "/images/2.png", }, { id: "iine", n
![[React + Typescript] react-beautiful-dnd を使ってドラッグ＆ドロップ機能を実装する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/406d924d7d4c6327201a8281e75820982243f551/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F01%2Freact.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://react.christmas/2020/12/
