react
react并不是真正的绑定事件到每一个具体的元素上,而是采用事件代理的模式:在根节点document上为每种事件添加唯一的listener,然后通过事件的target找到真正的触发元素。这样从触发元素到顶层节点之间的所有节点,如果有绑定这个事件,react都会触发对应的事件处理函数,这就是所谓的react模拟事件系统。尽管整个事件系统由react管理,但是其API和使用方法与原生事件一致
创建react项目:
cnpm install -g create-react-app
create-react-app my-app
cd my-app/
npm start
react元素渲染
要将React元素渲染到根DOM节点中,我们通过把它们都传递给 ReactDOM.render() 的方法来将其渲染到页面上。
- 使用 ES6 类写法,用 this.props.属性名 来取值。
- 可以多层 props 来传值,在 ReactDOM.render 定义属性值,传给调用方法 App,再在调用的ES6类调用中用 props.属性直接赋值过去。
React JSX
React 使用 JSX 来替代常规的 JavaScript。
JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。