前端开发

React之state数组数据改变页面不更新或视图不更新

2021-06-22145次阅读React
对象数组是引用方式 ,对于react来说它的值都是地址(涉及到tree diff),因为没有被重新赋值(地址没有改变),所以 react 会认为仍然是之前的元素(element),则不更新视图。
前端开发

React如何区分Class类组件和Function函数组件

2021-05-12260次阅读React
React如何区分Class类组件和Function函数组件,所以React是怎么知道组件是class类组件还是function函数组件的呢?
前端开发

React轮播react-slick组件

2021-03-24464次阅读React
React轮播react-slick组件
前端开发

react-intl实现React组件国际化

2021-03-24354次阅读React
React Intl用于国际化React组件,提供React组件和API来格式化日期,数字,字符串(包括单复数和翻译)。
前端开发

React滚动条组件react-custom-scrollbars及自定义回到顶部动画

2021-03-24579次阅读React
React滚动条组件react-custom-scrollbars及自定义回到顶部动画
前端开发

react-router中的exact和strict

2020-11-26704次阅读React
如果没有子路由,建议配上exact;如果有子路由,建议在子路由中加exact,父路由不加; 而strict是针对是否有斜杠的,路由后面有斜杠而url中没有斜杠,是不匹配的
前端开发

React Hook 中useImperativeHandle介绍使用与场景

2020-11-162289次阅读React
useImperativeHandle可以让你在使用ref时自定义暴露给父组件的实例值。在大多数情况下,应当避免使用 ref 这样的命令式代码。useImperativeHandle应当与forwardRef一起使用。
前端开发

React Hook 中useCallback介绍使用与场景

2020-11-161356次阅读React
试想一下: 当你更新name属性时, 重新调用render之后所有的事件处理函数重新全部定义, 非常浪费性能。解决: 当依赖的属性没有改变时, 不希望更新render时, 重新定义事件函数
前端开发

Mobx-State-Tree-分配给数组类型

2020-10-20627次阅读React
Mobx-State-Tree-分配给数组类型,会提示Type 'string[]' is not assignable to type 'IMSTArray & IStateTreeNode'. Type 'string[]' is missing the following properties from type 'IMSTArray...错误
前端开发

Vue与React插槽区别

2020-10-15735次阅读Reactvue
在Vue中我们可以通过slot传递组件模板给组件,然后渲染。而React的话显然是没有插槽的概念,但其实你在组件内部中不论是写的JSX DOM 都会被传入到Props的children当中去,这就是一个类似于Vue的普通插槽的实现了。