- 博客(3)
- 收藏
- 关注
RSS订阅原创 React组件复用
通常组件复用有两种方式：1.使用render props模式 2.高阶组件(HOC) renderprops： 1.创建要复用的组件，在组件中提供状态和操作状态的方法 2.将要复用的状态作为props.render(state)的参数暴露出去 注意：提供的render函数必须有返回值，另外如果将jsx写为组件的子节点，则父组件可以用this.props.children的形式 高阶组件(HOC)： 高阶组件是一个函数，在函数中有可复用的类组件，通过props将可复用的状态传给被包装组件 使用.
2021-10-13 22:01:33
646
原创 React组件生命周期与常用钩子函数
React暂未弃用的钩子函数，按生命周期大致分为三个阶段： 一、组件创建时 constructor()：在创建时首先触发 render()：进行渲染UI时触发的钩子函数，该函数同时还存在于组件更新阶段。要注意该函数中不能使用setState()，否则会引起组件更新，递归触发render() componentDidMount()：页面DOM结构渲染完成时触发 二、组件更新时 有三种行为会触发更新时的钩子函数： 1.setState() 2.forceUpdate() 3.组件接收到新的pr
2021-10-13 21:46:18
531
原创 初学React踩坑
运行一个简单的react程序一直报错，原来一直找的是父级目录里的package.json npm start之前要先进入项目目录，如图所示这种情况如果鼠标右击省略号并不会复制项目目录地址，需要把侧边栏拉长才能复制到，或者也可以手动cd进入。 一个简单的小问题消耗了初学者3小时。 ...
2021-10-08 23:23:03
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人