我目前正在开发一个 React Native 应用，我遇到了一个关于从数据库中获取渲染信息（在数组中）的问题。为此，我必须编写一个 .map 。

我从 console.log 中的获取数据中接收数据。

当我用这个“()”调用我的函数时。

<Text>Choisissez votre Choix Club </Text>
        <TouchableOpacity>
          <View>
            <Text>{this.renderMesClubs()}</Text>
          </View>
        </TouchableOpacity>

出现一条错误消息

TypeError: undefined is not an object (evaluating '_this.state.sport.club.map')

您可以在下面找到所有代码页。

class ChoixClub extends Component {
  constructor(props) {
    super(props);
    this.state = {
      sport: {club: []},
    };
  }

  getMesClubs = () => {
    const headers = new Headers({'Content-type': 'application/json'});
    const options = {
      method: 'GET',
      headers: headers,
    };

    fetch('http://localhost:8080/inscription/sport', options)
      .then((response) => {
        return response.json();
      })
      .then(
        (data) => {
          const club = JSON.stringify(data);
          this.setState({sport: club});
          console.log(this.state.sport.club);
        },

        (err) => {
          console.log(err);
        },
      );
  };

  renderMesClubs = () => {
    return this.state.sport.club.map((element) => {
      return (
        (
          <View className="articles">
            <Text>{element.nomClub}</Text>
          </View>
        ),
        console.log(element.nomClub)
      );
    });
  };
  componentDidMount() {
    this.getMesClubs();
  }

  render() {
    return (
      <SafeAreaView>
        <Text>Choisissez votre Choix Club </Text>
        <TouchableOpacity>
          <View>
            <Text>{this.renderMesClubs()}</Text>
          </View>
        </TouchableOpacity>

        <Text>Choisissez votre rival</Text>
        <TouchableOpacity></TouchableOpacity>
      </SafeAreaView>
    );
  }
}

export default ChoixClub;

我希望我的信息足够清楚，可以帮助您解决，并提前感谢您的回答！