
React框架学习内容
文章平均质量分 54
veggie_a_h
阿贺自学小仓库
展开
-
使用shouldComponent和PureComponent实现react类组件优化
使用shouldComponent和PureComponent实现react类组件优化。 Component的2个问题 1. 只要执行setState(),即使不改变状态数据, 组件也会重新render() ==> 效率低 2. 只当前组件重新render(), 就会自动重新render子组件,纵使子组件没有用到父组件的任何数据 ==> 效率低原创 2022-05-07 19:59:23 · 309 阅读 · 2 评论 -
react组件使用props实现预配置插槽
react组件使用props实现预配置插槽 如何向组件内部动态传入带内容的结构(标签)? Vue中: 使用slot技术, 也就是通过组件标签体传入结构 <A><B/></A> React中: 使用children props: 通过组件标签体传入结构 使用render props: 通过组件标签属性传入结构,而且可以携带数据,一般用render函数属性原创 2022-05-07 20:01:52 · 496 阅读 · 0 评论 -
React一些拓展以及react-router6新版本修改及新增内容
React一些拓展以及react-router6新版本修改及新增内容 与React Router 5.x 版本相比,改变了什么? 内置组件的变化:移除<Switch/> ,新增 <Routes/>等。 语法的变化:component={About} 变为 element={<About/>}等。 新增多个hook:useParams、useNavigate、useMatch等。 官方明确推荐函数式组件了!!!原创 2022-05-03 14:45:42 · 1824 阅读 · 0 评论