static getDerivedStateFromProps (nextProps, prevState) {
return {
pageNo: 1,
pageSize: 8
};
}
父组件传值到子组件props中后,props发生变化会自动调用此方法。
其中,pageNo和 pageSize为子组件state中的属性,但并不需要调用setstate。
getDerivedStateFromProps是一个静态函数,也就是这个函数不能通过this访问到class的属性,也并不推荐直接访问属性。而是应该通过参数提供的nextProps以及prevState来进行判断,根据新传入的props来映射到state。
需要注意的是,如果props传入的内容不需要影响到你的state,那么就需要返回一个null,这个返回值是必须的,所以尽量将其写到函数的末尾。
本文详细介绍了React组件中的静态方法getDerivedStateFromProps的使用,当props变化时,该方法会被调用来更新state,但不推荐直接访问组件属性。重点讨论了如何根据props更新state的策略,并强调若props变化不影响state,则应返回null。
1546

被折叠的 条评论
为什么被折叠?



