数据在获取数据之前就返回undefined？

Question

我真的不知道如何提出这个问题，但我的问题是标题需要在获取数据之前返回未定义的数据。所以即使我得到数据也会崩溃，我该如何解决这个问题呢？

componentWillMount () {
   this.props.fetchProfileData()
}

<Header
  style={{ padding: 0 }}
  backgroundColor='#1E1E1E'
  outerContainerStyles={{ height: 80 }}
  leftComponent={
    <Avatar
     small
     rounded
     source={console.log(this.props.profile[0])}
     //onPress={this.toggleModal.bind(this)}
    />
   }
   centerComponent={{ text: 'People Out Tonight ', style: { color: '#fff', fontFamily: 'GeosansLight', fontSize: 15 } }}
   rightComponent={{ icon: 'forum', color: '#fff' }}
/>

Answer 1

1. 如果profile异步，我强烈建议你通过source={this.props.profile[0]||{}}传递fetchProfileData的默认值，或者使用add the plugin for定义默认道具

2. 如果您不希望组件使用空道具进行渲染，则仅在render(){return({this.props.profile[0] && <Header ...>});}完成时将其添加到DOM或类似：javascript:(function() { document.querySelector("#communicatie_export_users_xlsx").click()})()