React
dmy0213
这个作者很懒,什么都没留下…
展开
-
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 · 652 阅读 · 0 评论 -
React组件生命周期与常用钩子函数
React暂未弃用的钩子函数,按生命周期大致分为三个阶段:一、组件创建时constructor():在创建时首先触发render():进行渲染UI时触发的钩子函数,该函数同时还存在于组件更新阶段。要注意该函数中不能使用setState(),否则会引起组件更新,递归触发render()componentDidMount():页面DOM结构渲染完成时触发二、组件更新时有三种行为会触发更新时的钩子函数:1.setState()2.forceUpdate()3.组件接收到新的pr原创 2021-10-13 21:46:18 · 540 阅读 · 0 评论 -
初学React踩坑
运行一个简单的react程序一直报错,原来一直找的是父级目录里的package.jsonnpm start之前要先进入项目目录,如图所示这种情况如果鼠标右击省略号并不会复制项目目录地址,需要把侧边栏拉长才能复制到,或者也可以手动cd进入。一个简单的小问题消耗了初学者3小时。...原创 2021-10-08 23:23:03 · 103 阅读 · 0 评论