文章详情页
node.js - antdesign怎么集合react-redux对input控件进行初始化赋值
问题描述
https://segmentfault.com/q/10...https://segmentfault.com/q/10...对于这两个帖子问题的原因已经找到了，原来是因为react-redux，进行页面加载的时候，会先把原来的标签加载一次，然后再执行componentDidMount事件
ps.我也试过了componentWillMount事件，结果相同。执行顺序(详)：1.在第一次加载的时候，ant控件Input的defaultValue已经被赋值了，只不过没有找到，所以是undefined
2.然后执行componentDidMount/componentWillMount时间，在把ss重新赋值，赋予给Input的defaultValue
我再控制台也输出了ss,由结果也可以验证上面的结论
看吧这一对是不是输出了两次？而我在代码中只写了一次
按照input的描述，页面只有在第一次给input赋值的时候会把value值显示在页面上，后面不管在页面上的控制台更改几次value都不会对页面显示产生影响，所以页面一直都显示空。
那么问题来了，我要怎样做才能在react-redux的框架基础上，并加入ant的标签，对Input进行初始化赋值，并把这个赋值显示在页面上呢？
问题解答
回答1：render 是会在改变state的时候渲染 你第一次进页面 render一次 然后你请求数据 会改变state 会再render一次！
回答2：state和props的改变都会导致组件被渲染, 但是是否真的要渲染是取决于你的shouldComponentUpdate这个函数的,你可以通过实现这个函数来控制是否要渲染
上一条：node.js - 刚装上最新node，npm install报这个错误！求ndoe大神解答！！！下一条：node.js - antdesign的Input控件加了初始化值，网站控制台暴警告，什么原因？
相关文章：
1. javascript - h5上的手机号默认没有识别2. css - div display: inline-block; 置中？3. javascript - 如何保证数据库里的信息安全？4. python - 网站显示的图片与爬虫获取到的图片不同，应该如何确定问题？5. 极光推送 - Android app消息推送 百度 极光 个推 信鸽哪个好一些？6. javascript - ajax中的 textStatus 报错为 parsererror？7. javascript - 在html中写了个<video>视频，浏览器却是一片空白为什么呢？360浏览器？8. html5 - 如何让H5页面在手机浏览器里和微信全屏显示9. css3 - Firefox 字号相对IE、Chrome更大，如何在CSS中统一？10. vue.js - weex scroller搭配refresh在android平台上拉会触发refresh
排行榜
网公网安备