javascript - 关于React生命周期的问题？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - 关于React生命周期的问题？

天蓬老师 2017-04-11 11:54:24

[JavaScript讨论组]

461

从父组件传过来的props在react哪个生命周期函数里面可以通过setState保存在state里面？补充一句父组件向子组件传的值是异步获取的。

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(5)

迷茫2017-04-11 11:56:24 5楼

constructor: 初始化的时候，在这里进行保存。直接对state进行赋值
componentWillReceiveProps: props发生变化的时候，在这里进行保存。使用setState

赞 +0

添加回复

ringa_lee2017-04-11 11:56:24 4楼

谢邀~

我觉得props和state应该区别开.
既然是从props传入组件, 为什么不继续由父组件去控制呢?

如果只是使用一次的/相当于初始化参数也可以, 建议属性前加initXXX可读性更高一些.
可以在getInitialState/constructor 初始化时写入state.

 getInitialState(){
     return { 
       isReset: this.props.isReset,
     };
   },

   constructor (props){
    super(props);
    this.state = {
      isReset: this.props.isReset,
    }
  }

赞 +0

添加回复

PHP中文网2017-04-11 11:56:24 3楼

props是更改不了的，在哪个周期里面都是存在的，也就是你在哪个生命周期中都可以通过this.props中用到。

如果你的意思是把props放在子组件的state中的话，那直接在constructor中的this.state = { value:this.props.value1}
你具体要问的是什么？

赞 +0

添加回复

迷茫2017-04-11 11:56:24 2楼

都是可以setState的。当然除了unmount这种。不过既然是传递过来的props，直接用就可以了。可变的话，就从父级组件传递改变props的函数。还得看你具体的逻辑。单纯的说保存state的话，都是可以保存的。
componentWillReceiveProps是初始化之后每次传递props，调用的钩子函数，在这里能拿到this.props,nextProps

赞 +0

添加回复

高洛峰2017-04-11 11:56:24 1楼

异步获取也可以在componentWillReceiveProps里面取到。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>