- 博客(9)
- 收藏
- 关注
RSS订阅原创 React router5
说明2、exact精确匹配 (React即使用了exact，外面还要嵌套Switc来用)render() {return (<Router><Switch>{/* 模糊匹配（万能匹配） 存在问题，刷新后会重定向，V5的问题，需搭配swicth解决 */}{/* exact---精确匹配--解决模糊匹配问题增加,不加无法加载NotFound页面,会被模糊匹配拦截跳转至films页面 */}</Switch></Router>
2024-12-22 20:13:44
508
原创 React Hooks详解
防止因为组件重新渲染，导致方法被重新创建，起到缓存作用，只有第二个参数变化了，才重新声明一次，useCallback 用于记忆回调函数，避免每次渲染时都创建一个新的函数实例，通常与 useEffect 或子组件的 React.memo 配合使用，避免不必要的子组件渲染。1、React Hooks 是 React 16.8 版本引入的功能，它们为函数组件提供了管理状态、副作用、上下文等功能的能力。在这里做点dom操作，这些dom修改会和react做的更改一起被一次性渲染到屏幕上，只有一次回流、重绘的代价。
2024-12-19 14:49:10
838
原创 React生命周期
componentWillUpdate：不能修改属性和状态render：只能访问this.props和this.state，不允许修改状态和DOM输出componentDidUpdate:可以修改DOM3、销毁阶段componentWillUnmount：在删除组件之前进行清理操作，比如计时器和事件监听器4、老生命周期的问题componentWillMount，在SSR中这个方法将会被调用多次，所以会重复触发多遍，同时在这里如果绑定事件，将无法解绑，导致内存泄漏，变得不够安全高效
2024-12-14 16:51:38
833
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人