Legendary

李洋的学习笔记


react基础

<p>依赖库:</p> <ol> <li>react.min.js - React 的核心库</li> <li>react-dom.min.js - 提供与 DOM 相关的功能</li> <li>babel.min.js - Babel 可以将 ES6 代码转为 ES5 代码,这样我们就能在目前不支持 ES6 浏览器上执行 React 代码。Babel 内嵌了对 JSX 的支持。通过将 Babel 和 babel-sublime 包(package)一同使用可以让源码的语法渲染上升到一个全新的水平。</li> </ol> <p>一、基本JSX模板:</p> <pre><code>ReactDOM.render( &lt;div&gt;hello world&lt;/div&gt;, document.getElementById('app') ) //模板可声明 const hello = &lt;div&gt;hello world&lt;/div&gt; ReactDOM.render( hello, document.getElementById('app') )</code></pre> <p>二、组件类模板:</p> <pre><code>class hello extends React.Component { constructor(){ super(); this.state = {} } render(){ return ( &lt;div className="hello"&gt;hello world&lt;/div&gt; ) } } export default hello;</code></pre>

页面列表

ITEM_HTML