07 2020 档案
摘要：过去，组件内的Javascript错误会导致React的内部状态被破坏，并且在下一次渲染时候产生可能无法追踪的错误。这些基本上是由较早的其他代码(非react组件代码)错误引起的，但react没有提供一种在组件中优雅的处理这些错误的方式，也无法从错误中恢复。 ###错误边界 部分UI的错误不应该导致
阅读全文
摘要：我们先来看一个示例 import React from 'react' class Demp extends React.Component{ render () { return <Toolbar theme="dark"></Toolbar> } } function Toolbar(props
阅读全文
摘要：React有十分强大的组合模式，我们推荐组合而非继承来实现组件之间的代码重用 ###包含关系 有些组件无法提前知道他们子组件的具体内容，在SlideBar(侧边栏)和Dialog(对话框)等展现通用容器的特别容易遇到这样的情况 我们建议这些组件使用children prop来将他们的子组件渲染到结果
阅读全文
摘要：###状态提升 在react中，将多个组件中需要共享state向上移动到他们的最近共同父组件中，便可实现共享state，这就是所谓的状态提升 ###什么情况下需要使用状态提升 通常，多个组件需要反映相同的变化数据，这时就需要状态提升 ###示例 import React,{Component} fr
阅读全文
摘要：先来看下示例 import React ,{Component} from 'react' let defaultValue = { username:'qqq', password:'', sex:'1',//1,男 0，女 ah:["足球"], city:'咸阳', loveCity:[], d
阅读全文
摘要：###react列表 ####渲染多个组件 import React,{Component} from 'react' function NumberList () { const numbers = [1,2,3,4,5] const listItems = numbers.map(number
阅读全文
摘要：###forEach 定义：forEach是给数组的每一个元素执行一次给定的函数 ####语法 arr.forEach(callback(currentValue [, index [, array]])[, thisArg]) ####参数 #####callback 为每个元素执行的函数，该函数
阅读全文
