React
React相关
前端_七月
一向桀骜,不曾折腰
展开
-
combineReducers()用法详解
https://www.cnblogs.com/aurora-ql/p/14110920.html原创 2021-12-07 11:57:48 · 254 阅读 · 0 评论 -
react-redux中connect与其的装饰器用法@connect
react-redux中connect的装饰器用法@connect:最近在琢磨react中的一些小技巧,这篇文章记录一下在redux中用装饰器来写connect。https://www.jianshu.com/p/d07ccef9f4f0react-redux的connect用法详解:https://blog.csdn.net/yoonerloop/article/details/112058929...原创 2021-12-07 11:55:19 · 402 阅读 · 1 评论 -
react 错误边界
错误边界(Error boundaries)从react v16开始,引入边界错误概念。本文将展示如何使用错误边界捕获来自react组件的错误默认情况下,若一个组件在渲染期间(render)发生错误,会导致整个组件树被卸载错误边界:是一个组件,该组件会获取到渲染期间(render)子组件发生的错误,并有能力阻止错误继续传播目的:某些UI崩溃,不至于整个webapp崩溃一.组件中添加捕获错误注⚠️:必须是class组件。1. 编写生命周期函数 getDerivedStateFromError原创 2021-08-12 10:00:52 · 314 阅读 · 0 评论 -
安装create-react-app报错 npm ERR! code EINVALIDTAGNAMEnpm ERR!
// 命令npm install -g create-react-app// 报错内容npm ERR! code EINVALIDTAGNAMEnpm ERR! Invalid tag name "create-react-app ": Tags may not have any characters that encodeURIComponent encodes.解决方式:安装旧版对等依赖项npm install --legacy-peer-depsnpm install .原创 2021-08-02 17:24:02 · 2095 阅读 · 0 评论 -
react 列表&key
KeysKeys 可以在 DOM 中的某些元素被增加或删除的时候帮助 React 识别哪些元素发生了变化。因此应当给数组中的每一个元素赋予一个确定的标识。const numbers = [1, 2, 3, 4, 5];const listItems = numbers.map((number) => <li key={number.toString()}> {number} </li>);一个元素的 key 最好是这个元素在列表中拥有的一个独原创 2021-08-02 02:45:04 · 576 阅读 · 0 评论