2019-12-01から1ヶ月間の記事一覧
やりたいこと redux-localstorageを使用して状態をlocalStrageに保存する
mapやforEachなどの配列を繰り返す処理でレンダリングを行う場合には、 一意のkeyを指定する必要がある。
現象 ComponentAでstate.datasを使用しているとき、 ComponentBの中でstate.datasの値(または配列)を操作すると、ComponentAが正しくレンダリングされない。 対処法 Object.assignでstate.datasをコピーする。
やりたいこと useDispatch()で生成したdispatchに引数を渡す
やりたいこと Reactでチャートを描画
備忘録
やりたいこと エラーを消す Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. stackoverflow.com
やりたいこと ReduxのHooksAPIを使用してconnect()を使用せずにReactからReduxに接続する 公式ドキュメント react-redux.js.org 下記チュートリアルのソースをベースにリファクタリングを行う www.valentinog.com
備忘録
備忘録
instanceOfを使用して型チェックを行う。 import React from 'react'; import PropTypes from 'prop-types'; const ComponentName = ({ props }) => { const { StartDate, EndDate } = props; }; ComponentName.PropTypes = { props: PropTypes.shape({ Star…
やりたいこと VSCodeでインテリセンスが効かない問題を解決する 解決方法 VSCodeのバージョンを1.40.2に戻したら治った code -v 1.40.2 vscodeのバージョンダウンは下記を参照 参考 VSCodeをロールバック(以前のバージョンに戻)した VSCodeのLive HTML Pre…
やりたいこと Drag and Drop APIを触る ElementをDrag and Dropで移動させたい
やりたい事 eslint-config-airbnbに準拠したReactコンポーネントの実装
やりたい事 eslint-config-airbnbに準拠したReactコンポーネントの実装 プロパティにはオブジェクトを引数として渡す
やりたい事 eslint-config-airbnbに準拠したReactコンポーネントの実装
やりたいこと vscode上でReactのプロジェクトを新規作成 linterの設定とコード補完の設定を行う ESlintの設定にはairbnbを使用 stylelintの設定はstylelint-config-standardを使用