七月

https://www.cnblogs.com/aurora-ql/p/14110920.html

react-redux中connect的装饰器用法@connect： 最近在琢磨react中的一些小技巧，这篇文章记录一下在redux中用装饰器来写connect。 https://www.jianshu.com/p/d07ccef9f4f0 react-redux的connect用法详解： https://blog.csdn.net/yoonerloop/article/details/112058929 ...

错误边界（Error boundaries） 从react v16开始，引入边界错误概念。本文将展示如何使用错误边界捕获来自react组件的错误 默认情况下，若一个组件在渲染期间（render）发生错误，会导致整个组件树被卸载 错误边界：是一个组件，该组件会获取到渲染期间（render）子组件发生的错误，并有能力阻止错误继续传播 目的：某些UI崩溃，不至于整个webapp崩溃 一.组件中添加捕获错误 注⚠️：必须是class组件。 1. 编写生命周期函数 getDerivedStateFromError

// 命令 npm install -g create-react-app // 报错内容 npm ERR! code EINVALIDTAGNAME npm ERR! Invalid tag name "create-react-app　": Tags may not have any characters that encodeURIComponent encodes. 解决方式： 安装旧版对等依赖项 npm install --legacy-peer-deps npm install .

Keys Keys 可以在 DOM 中的某些元素被增加或删除的时候帮助 React 识别哪些元素发生了变化。因此应当给数组中的每一个元素赋予一个确定的标识。 const numbers = [1, 2, 3, 4, 5]; const listItems = numbers.map((number) => <li key={number.toString()}> {number} </li> ); 一个元素的 key 最好是这个元素在列表中拥有的一个独