Reactの勉強4日目（ステートの更新）

React

本日の課題テキストエリアに対して、即座に文字数をカウントして出力解答 <body> <div id="app"></div> <script src="react/react.js"></script> <script src="react/react-dom.js"></script> <script> var TextAreaCounter = React.createClass({ propTypes: { text: React.PropTypes.string, }, getDefaultProps: function() { return { text: '', }; }, g…</body>

2017-08-19

Reactの勉強3日目(コンポーネントを組み立てる)

React

本日の課題以下のDOM構成を自分でコンポーネントを組み立てて表示する <div id="app"> <div class="test"> <span class="first">テスト1</span> <span>テスト2</span> <span class="last">テスト3</span> </div> </div> 解答 <body> <div id="app"></div> <script src="react/react.js"></script> <script src="react/react-dom.js"></script> <script> var Component…</body>

2017-08-16

Reactの勉強2日目（DOMの作成）

React

本日の課題以下のDOMをReactで作成 <div id="app"> <div class="test"> <span class="first">テスト1</span> <span>テスト2</span> <span class="last">テスト3</span> </div> </div> 解答 <body> <div id="app"></div> <script src="react/react.js"></script> <script src="react/react-dom.js"></script> <script> ReactDOM.render( React.DOM.…</body>