@iwasaki
@iwasaki
React+Reduxでの開発時のおまじないアレコレについて調べてみた
ようやくReacut、Reduxの開発に慣れてきましたが、一部おまじない的に使っているものの、意味を理解してない部分があるので調べてみました。 npm install 大抵のケースはこれ npm install -g e…reduxで配列に要素を追加・削除する方法
配列への要素の追加、削除は以下のように行うようです。 const initialState = { selectedIds: [], }; function addItem(array, item) { return A…gitで認証情報を保存する
git pull などのコマンド実行時に標準の仕様では都度認証情報が必要になります。 15分間だけメモリに認証情報を保存するには以下のようにキャッシュするように設定をします。 git config –global cr…Reactでユニークなkey指定の警告が出たときの対処法
Warning: Each child in an array or iterator should have a unique “key” prop. Check the render method of `XXXLi…Reactの型指定で配列の形式まで指定する方法
例えば const data = [{ id: ‘001’, label: ‘北海道’ }] みたいな形式のデータのみを許可する場合、以下のように型の指定を書きます。 Hoge.propTypes = { data: R…Reactのコンポーネントの使い方
ベースとなるコンポーネント default と書くことで、他のファイルからも参照できるようになるようです。Javaで言うところのpublicと理解しています。 export default class BaseBox e…ReactのPropTypesで指定できる形式
PropTypesで配列や文字列、数字などを指定することができます。 BaseList.propTypes = { description: PropTypes.string.isRequired, data: Prop…