试图从同一页面中的多个API React本机获取结果

Question

我试图从数据库中获取数据并将其放入选择器中时，它工作正常，但是当我添加第二个时，它会收到错误消息“ typeError：undefined不是一个对象（评估'this.state .dataSource2.map'）“

componentDidMount() {

  fetch('url1')
    .then((response) => response.json())
    .then((responseJson) => {
      this.setState({
        isLoading: false,
        dataSource: responseJson,

      }
      );
    })
     .then( () => {
      fetch('url2')
    .then((response) => response.json())
    .then((responseJson) => {
      this.setState({
        isLoading: false,
        dataSource2: responseJson
      });
    })
    })
    .catch((error) => {
      console.error(error);
    });
}

第一个选择器：

        onValueChange={(itemValue, itemIndex) => this.setState({ar1: itemValue})} >

        { this.state.dataSource.map((item, key)=>(
        <Picker.Item label={item.nom} value={item.nom} key={key} />)
        )}

      </Picker>

第二个选择器：

        onValueChange={(itemValue, itemIndex) => this.setState({ar2: itemValue})} >

        { this.state.dataSource2.map((item, key)=>(
        <Picker.Item label={item.nom} value={item.nom} key={key} />)
        )}

      </Picker>