開発環境は、Windows 10 Pro(64bit)。 ■環境を整える 1.公式サイトへアクセスし、Start Learningボタンをクリック 2.公式サイトのチュートリアルに倣って、Cドライブ直下に移動して、以下のコマンドを入力。パッケージのインストールが開始されます。 npx cr…

開発環境は、Windows 10 Pro(64bit)。1.公式サイトへアクセスし、Get startedをクリック 2.以下のコマンドを入力し、アプリを作る環境を整えたいと思います。 開発ツールには、React Native CLIとExpo CLIの2つがあるみたいですが、今回は、公式が、紹介して…

開発環境は、Windows10 64bit(Pro) + react@16.8.6。 ■ライフサイクルメソッドについて ・stateが変更されるたびに、componentWillUpdate,componentDidUpdateメソッドがそれぞれ呼び出される。 ■componentWillMountを使用すると、querySelectorAllでは、まだ…

親コンポーネントのstateの状態に応じて、子コンポーネントの状態を切り替えたいと思います。 今回はサンプルプログラムとして、clickボタンを押すたびに、ONとOFFの表示が交互に切り替わるプログラムを書いてみたいと思います。親コンポーネントのstateの状…

開発環境は、Windows 10 Pro(64bit) + npm 6.4.1。www.npmjs.com

開発環境は、Windows 10 Pro(64bit) + npm 6.4.1。https://react-bootstrap.github.io/ npm install react-bootstrap bootstraphtmlファイルのheadタグ部分に、

開発環境は、Windows 10 Pro(64bit) + node 10.15.0 + npm 6.4.1。下記のReact/Reduxの実装編をやっていて、途中で詰まったところをメモしておく。電卓アプリで学ぶReact/Redux入門(基礎知識編) https://qiita.com/nishina555/items/affcb3684e67cd0ee897 電…

開発環境は、Windows 7 Professional(32bit) + Node.js v8.11.1。 ※Node.jsがすでにインストールされていることが条件です。1.コマンドプロンプトを実行し、以下のコマンドを実行する npm install -g create-react-app2.次にカレントディレクトリを移動し、…