摘要： 阅读全文

摘要：在React中，默认只是单项数据流，也就是只能把state上的数据绑定到页面上，但无法把页面中数据的变化自动同步回state中。如果需要把页面上的数据的变化保存到state中，需要程序员手动监听onChange事件，拿到最新的数据，手动调用this.setState({ })更改回去。 例如： im 阅读全文

摘要：使用一个小例子来演示React中样式的使用，如下图，做一个静态的评论列表组件： 1.创建两个JSX文件：CmtItem.jsx和CmtList.jsx CmtList.jsx: import React from 'react'; //导入评论项子组件 import CmtItem from '@/ 阅读全文

摘要：1.第一种创建组件的方式 使用构造函数来创建组件，如果要接收外界传递的数据，需要在构造函数的参数列表中使用props来接收； 必须要向外return一个合法的JSX创建的虚拟DOM ●创建组件： 注意：组件首字母必须要大写，否则就会被当作一个普通标签来渲染，浏览器就识别不了报错 function H 阅读全文

摘要：1.JSX语法的本质：并不是直接把jsx渲染到页面上，而是内部先转换成了createElement形式再进行渲染的 2.在jsx中混合写入js表达式：在jsx语法中，要把js代码写到{ }中 渲染数字 let a = 10; ReactDOM.render(<div>{a}</div>,docume 阅读全文

摘要：使用babel将高级语法转换为低级语法时，需要安装两套包： //第一套包 cnpm install babel-core babel-loader babel-plugin-transform-runtime -D //第二套包 cnpm install babel-preset-env babel 阅读全文

摘要：1.运行 cnpm install react react-dom -S react安装包：专门用于创建组件和虚拟DOM的，同时组件的生命周期都在这个包中 react-dom安装包：专门进行DOM操作的，最主要的应用场景就是ReactDOM.render() 2.在index.html页面中创建容器 阅读全文