在与父母道具渲染之前初始化状态

发布于 2025-01-22 15:27:32 字数 306 浏览 0 评论 0原文

当我初始化我的状态

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

控制台时（this.state.restaurant）返回： []

“ this.props.restaurant”包含

我需要从props（渲染之前）获取数据以显示它们在表上的数据，否则我的表将为空

原文

when i initialize my state

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

console.log(this.state.restaurant)
returns:
[]

"this.props.restaurant" contains data

i need to get the data from props (before rendering) to display them on a table otherwise my table will be empty

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

油焖大侠 2025-01-29 15:27:32

根据React生命周期文档：

”班级中的代码要在初始渲染之前进行更新：

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

static getDerivedStateFromProps(nextProps, prevState) {
  if (prevState.restaurant !== nextProps.restaurant) {
    return { restaurant: nextProps.restaurant };
  }

  return null;
}

According to the React lifecycle docs: Click Here

you can use the following code in your class to update before initial render:

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

static getDerivedStateFromProps(nextProps, prevState) {
  if (prevState.restaurant !== nextProps.restaurant) {
    return { restaurant: nextProps.restaurant };
  }

  return null;
}

回复收藏 0 原文

~没有更多了~