摘要：
组件的生命周期可以分为三个状态： Mounting：已插入真实DOM Updating：正在被重新渲染（更新） Unmounting：已移除真实DOM（销毁/关闭） 生命周期方法有： componentWillMount 在渲染前调用,在客户端也在服务端。 componentDidMount : 在 阅读全文
摘要：
React 里只需要更新组件的state，然后根据新的 state 重新徐娜然用户界面（不要操作DOM）。 class Clock extends React.Component { constructor(props) { super(props); this.state = { date: ne 阅读全文
摘要：
一、函数组件 该函数在React中是一个有效的组件，可以接收唯一带有数据的props(代表属性)对象，并返回一个React元素。函数式组件要特别注意，组件名称首字母一定要大写。这种方式也成为无状态组件。 特点有： 1.组件不会被实例化，整体渲染性能提升了。没有实例化，就不需要分配多余的内存。 2.不 阅读全文
摘要：
元素 是构成应用的的最小快 与浏览器的DOM元素不同，React元素是创建开销极小的普通对象。React DOM会负责更新DOM来与React元素保持一致。 //HTML中的根 DOM节点 <div id="root"></div> //将一个React元素渲染到DOM节点上 const eleme 阅读全文
摘要：
JSX是一个JavaScript的语法扩展，它在React中可以很好的描述UI交互，会让人第一眼就可以想到它是一个模板。 为什么使用JSX？ 直观原因来看，在 JavaScript 代码中将 JSX 和 UI 放在一起时，会在视觉上有辅助作用。它还可以使 React 显示更多有用的错误和警告消息。 阅读全文
摘要：
一、在Html文件中导入必要的包 <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.staticfile.org/reac 阅读全文
摘要：
一、直接通过官网提供的CDN地址 <script src="https://unpkg.com/react@16/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom 阅读全文