![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
zenkle
这个作者很懒,什么都没留下…
展开
-
react梳理
react的生命周期如果有defaultprops会先初始化,之后经过constructor初始化state,之后会走进componentwillmount进行初始化,在componentwillmount阶段setState不会引起rerender,之后进行render首次渲染,在此过程中render经过编译后生成createElement的形式生成以js组成的虚拟dom结构,通过reactD...原创 2020-04-30 14:59:47 · 180 阅读 · 0 评论 -
redux
首先在进行父子组件传值时,由于react是单向数据流,父组件数据可以通过props流向子组件,可以通过props传值子向父传值通过props和回调函数当页面增多逻辑变得复杂时可以通过redux做集中数据管理:1、组件通过store.dispatch(action)触发,更改存储在store中的数据;每次dispatch都可以通过store.subscribe()订阅store变化2...原创 2020-03-17 18:52:29 · 98 阅读 · 0 评论 -
antd Select将默认值defaultValue设为后端拉取数据的对象属性值时报undefined
问题:从后端拉取到数据放到sourceList数组中,每个item都是对象,在获取对象的value属性值时一直报错显示value为undefined原因:defaultValue只会读取一次数据,页面刚进来的时候在componentDidMount中调用接口传来的数据,此时只是拉取到了数据但还没有真正获取到,等到下一次render之后状态才会更新,在ComponentDidUpdate的时候是...原创 2020-01-01 22:04:22 · 2997 阅读 · 3 评论 -
react(todoList)
react主要是组件化管理,写法上都是使用jsx,将代码渲染到页面上也是通过render函数,通过虚拟dom的patch将vNode渲染到页面上1、首次创建todoList:state:state相当于vue中的data,通过操作state来更新界面数据 setState:没有办法实现vue的响应式,通过setState手动更改state数据状态 this指向:需要搞清楚this到底指...原创 2019-11-17 10:19:07 · 93 阅读 · 0 评论 -
react项目搭建以及npm start 报错解决(mac环境下)
1、安装node、webpack2、sudo npm i create-react-app3、create-react-app my_react(项目名) --offline4、npm start报错:The react-scripts package provided by Create React App requires a dependency:...原创 2019-07-09 10:28:50 · 1998 阅读 · 0 评论