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,这个返回值是必须的,所以尽量将其写到函数的末尾。