摘要：
组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM 生命周期的方法有： componentWillMount 在渲染前调用,在客户端也在服务端。 componentDidMount : 在第一次渲染后调用， 阅读全文
posted @ 2021-03-10 09:33
刘大飞
阅读(77)
评论(0)
推荐(0)
摘要：
在本章节中我们将讨论 React 组件 API。我们将讲解以下7个方法: 设置状态：setState 替换状态：replaceState 设置属性：setProps 替换属性：replaceProps 强制更新：forceUpdate 获取DOM节点：findDOMNode 判断组件挂载状态：isM 阅读全文
posted @ 2021-03-09 17:49
刘大飞
阅读(71)
评论(0)
推荐(0)
摘要：
使用 map() 方法遍历数组生成了一个 1 到 5 的数字列表: map()方法可以用来创建列表。 const numbers = [1, 2, 3, 4, 5]; const listItems = numbers.map((numbers) => <li>{numbers}</li> ); R 阅读全文
posted @ 2021-03-09 17:28
刘大飞
阅读(62)
评论(0)
推荐(0)
摘要：
在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。 React 中的条件渲染和 JavaScript 中的一致，使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素，然后让 React 根据它们来更新 UI。 先 阅读全文
posted @ 2021-03-09 15:09
刘大飞
阅读(58)
评论(0)
推荐(0)
摘要：
React 元素的事件处理和 DOM 元素类似。但是有一点语法上的不同: React 事件绑定属性的命名采用驼峰式写法，而不是小写 如果采用 JSX 的语法你需要传入一个函数作为事件处理函数，而不是一个字符串(DOM 元素的写法) HTML 通常写法是： <button onclick="activ 阅读全文
posted @ 2021-03-09 14:10
刘大飞
阅读(67)
评论(0)
推荐(0)
摘要：
React Props state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。 使用 Props： function HelloMess 阅读全文
posted @ 2021-03-09 11:22
刘大飞
阅读(54)
评论(0)
推荐(0)
摘要：
React 把组件看成是一个状态机（State Machines) ,通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致. React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）(相当于用数据去驱动，而不用操作DOM) 以下实 阅读全文
posted @ 2021-03-09 10:11
刘大飞
阅读(55)
评论(0)
推荐(0)
摘要：
使用组件使得我们的应用更容易来管理 React 组件: 1:可以使用函数定义一个组件 function HelloMessage(props) { return <h1>Hello World!</h1>; } const element = <HelloMessage />; ReactDOM.r 阅读全文
posted @ 2021-03-09 08:57
刘大飞
阅读(77)
评论(0)
推荐(0)
摘要：
const element = <h1>Hello, world!</h1>; 这种看起来可能有些奇怪的标签语法既不是字符串也不是 HTML。它被称为 JSX， 一种 JavaScript 的语法扩展。元素是构成 React 应用的最小单位，JSX 就是用来声明 React 当中的元素。 注意: 由 阅读全文
posted @ 2021-03-08 17:24
刘大飞
阅读(102)
评论(0)
推荐(0)
摘要：
React元素渲染到根DOM节点中，我们通过把它们都传递给 ReactDOM.render() 的方法来将其渲染到页面上： const element = <h1>Hello, world!</h1>; ReactDOM.render( element, document.getElementByI 阅读全文
posted @ 2021-03-08 16:49
刘大飞
阅读(76)
评论(0)
推荐(0)
浙公网安备 33010602011771号