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(
<div>hello world</div>,
document.getElementById('app')
)
//模板可声明
const hello = <div>hello world</div>
ReactDOM.render(
hello,
document.getElementById('app')
)</code></pre>
<p>二、组件类模板:</p>
<pre><code>class hello extends React.Component {
constructor(){
super();
this.state = {}
}
render(){
return (
<div className="hello">hello world</div>
)
}
}
export default hello;</code></pre>