在渲染前用父道具初始化状态

Question

初始化状态

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

console.log (this.state.restaurant)返回:[]

"this.props.restaurant"包含数据

我需要得到的数据从道具(渲染之前)显示在一个表上，否则我的表将是空的

Answer 1

根据React生命周期文档:点击这里

你可以在你的类中使用以下代码在初始渲染之前进行更新:

constructor(props) {
super(props);
this.state = {
restaurant: null
};
}
static getDerivedStateFromProps(nextProps, prevState) {
if (prevState.restaurant !== nextProps.restaurant) {
return { restaurant: nextProps.restaurant };
}
return null;
}