![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
1440!
这个作者很懒,什么都没留下…
展开
-
React 介绍使用ES6和使用create-react-class的方式
通常情况下你可以用普通的 JavaScript 类定义一个组件: 如果你不使用 ES6 ,你可以使用 create-react-class 方法代替:除了一些例外,ES6 classes(类) API 非常类似于函数 createReactClass() 。声明默认 Props在函数和 ES6 classes(类) 中,defaultProps 被定义为组件本身的属性:...转载 2018-03-15 09:06:28 · 5059 阅读 · 0 评论 -
react 设置定时器
<!DOCTYPE html><html> <head> <script src="../build/react.js"></script> <script src="../build/react-dom.js"></script> &l原创 2018-03-09 15:13:08 · 7178 阅读 · 0 评论 -
使用ES6和不是ES6创建类,及其内部状态,方法的区别
通常情况下你可以用普通的 JavaScript 类定义一个组件:class Greeting extends React.Component { render() { return <h1>Hello, {this.props.name}</h1>; }}如果你不使用 ES6 ,你可以使用 create-react-class 方法代替:...转载 2018-03-12 13:55:16 · 481 阅读 · 0 评论 -
React把函数式组件转化为类组件
函数式组件function tick() { const element = ( <div> <h1>Hello, world!</h1> <h2>It is {new Date().toLocaleTimeString()}.</h2> </div> ); Reac...转载 2018-03-13 08:38:30 · 4055 阅读 · 1 评论 -
React 正确地使用 State(状态)
关于 setState() 有三件事是你应该知道的。不要直接修改 state(状态)例如,这样将不会重新渲染一个组件:// 错误this.state.comment = 'Hello';用 setState() 代替:// 正确this.setState({comment: 'Hello'});唯一可以分配 this.state 的地方是构造函数stat...转载 2018-03-13 10:03:32 · 1520 阅读 · 0 评论 -
react 条件渲染
在 React 中,你可以创建不同的组件封装你所需要的行为。然后,只渲染它们之中的一些,取决于你的应用的状态。React 中的条件渲染就和在 JavaScript 中的条件语句一样。使用 JavaScript 操作符如 if 或者条件操作符来创建渲染当前状态的元素,并且让 React 更新匹配的 UI 。虽然声明一个变量并使用一个 if 语句是一个有条件地渲染组件的好方法,有时你可能想...转载 2018-03-13 11:34:22 · 548 阅读 · 0 评论 -
react 一致性比较(Reconciliation)
一致性比较(Reconciliation)React提供声明式API,因此在每次更新中你不需要关心具体的更改内容。这使得编写应用更加容易,但是这样使得你对 React 内部具体实现并不了解,这篇文章介绍了在 React 的 “diffing” 算法中我们所作出地决择,以使得组件的更新是可预测的并且可以适用于高性能应用。动机当你使用 React ,在任何一个单点时刻你可以认为 r...转载 2018-03-13 14:20:15 · 1013 阅读 · 0 评论