我应该如何在React中等待道具准备好?

时间:2016-10-11 08:59:20

标签: mongodb reactjs

使用Meteor / React / Mongo。使用Wrapper Parent组件从mongo获取数据并将其作为props传递 - 我经常遇到在调用构造函数时props还没有准备好的问题。我可以看到几种不同的解决方法(例如使用ComponentWillReceiveProps),但我宁愿遵循最佳实践。有没有更好的方法来确定所有道具都存在 - 在React Lifecycle组件和方法的上下文中。目前我的代码看起来像这样。任何建议表示赞赏!

export default class GooleMapComponent extends Component {
constructor(props){
  super(props)


  var version = Math.ceil(Math.random() * 22);

// this line below is necessary because often the props are not available when constructor is called
 if (this.props.mapData) {  
  markerPosition = {lat: this.props.mapParams.latitude, lng: this.props.mapParams.longitude}
  centrePosition=  {lat: this.props.mapParams.latitude, lng: this.props.mapParams.longitude}
}

else ..... // more logic to catch this case

0 个答案:

没有答案