React

React.js エラー「× Unhandled Rejection (TypeError): Cannot read property ‘setState’ of undefined」が発生した際の対処法

React

• 2020.05.06
• React.js

axiosでpostしたresponseをthis.setStateしようとした際に「State× Unhandled Rejection (TypeError): Cannot read property ‘setState’ of undefined」が発生したので、対応 […]

続きを読む

React.js favicon(ファビコン)を変更する方法

React

• 2020.05.05
• React.js

create-react-appで作成したプロジェクトのファビコンの変更方法を記述。 環境 OS  CentOS Linux release 8.0.1905 (Core) node V12.13.1 npm 6.14.2 React 16.13.0 reac […]

続きを読む

React.js ライブラリ「react-sortable-hoc」を使用してドラックアンドドロップで要素をソートする

React

• 2020.05.03
• react-sortable-hoc, React.js, ライブラリ

ライブラリ「react-sortable-hoc」をインストールすると、ドラックアンドドロップで要素をソートすることが可能です。ここでは、react.jsで react-sortable-hocを利用するための手順と簡単な使い方を記述してます。 環境 OS  CentOS Linux re […]

続きを読む

React.js ライブラリ「react-ace」を使用してシンタックスハイライトを実装する

React

• 2020.05.02
• react-ace, React.js, ライブラリ, 使い方

ライブラリ「react-ace」をインストールすると、シンタックスハイライトの実装が簡単に可能です。ここでは、react.jsでreact-aceを利用するための手順と簡単な使い方を記述してます。 環境 OS  CentOS Linux release 8.0.1905 (Core) no […]

続きを読む

React.js ライブラリ「react-image-gallery」を使用してイメージギャラリーを実装する

React

• 2020.04.29
• react-image-gallery, React.js, ライブラリ

ライブラリ「react-image-gallery」をインストールすると、イメージギャラリーの実装が簡単に可能です。ここでは、react.jsで react-image-galleryを利用するための手順と簡単な使い方を記述してます。 環境 OS  CentOS Linux release […]

続きを読む

React.js ライブラリ「react-crossword」を使用してクロスワードを実装する

React

• 2020.04.27
• react-crossword, React.js, ライブラリ, 使い方

ライブラリ「react-crossword」をインストールすると、使うことがないかもしれませんがクロスワードの作成が可能です。ここでは、react.jsでreact-crosswordを利用するための手順と簡単な使い方を記述してます。 環境 OS  CentOS Linux release […]

続きを読む

React.js ライブラリ「react-picture-annotation」を使ってannotation(アノテーション・タグを付ける)を実装する

React

• 2020.04.25
• react-picture-annotation, React.js, ライブラリ, 使い方

ライブラリ「react-picture-annotation」をインストールすると、画像にannotation(タグをつける)の実装が可能です。ここでは、react.jsでreact-picture-annotationを利用するための手順と簡単な使い方を記述してます。 環境 OS  Ce […]

続きを読む

React.js ライブラリ「rc-slider」を使用して様々な種類のスライダーを作成する

React

• 2020.04.24
• rc-slider, React.js, ライブラリ

ライブラリ「rc-slider」をインストールすると、色んな他イプのスライダーの実装が簡単に可能です。ここでは、react.jsで rc-sliderを利用するための手順と簡単な使い方を記述してます。 環境 OS  CentOS Linux release 8.0.1905 (Core) […]

続きを読む

React.js react-bootstrapでのbootstrapの利用手順

React

• 2020.04.22
• bootstrap, React.js, 使い方

React.jsでデザインテンプレートで有名な「bootstrap」を利用するための手順となります。ここでは、react.jsでreact-bootstrapを利用して、ボタンを作成してます。 環境 OS  CentOS Linux release 8.0.1905 (Core) node […]

続きを読む

React.js ライブラリ「react-loadingg」を使用して様々なloading アイコンを実装する

React

• 2020.04.22
• react-loadingg, React.js, ライブラリ

ライブラリ「react-loadingg」をインストールすると、色んなタイプのloadingアイコンの実装が可能です。ここでは、react.jsで react-loadinggを利用するための手順と簡単な使い方を記述してます。 環境 OS  CentOS Linux release 8.0 […]

続きを読む