在 const ENTRIES1 = [] 中获取 mysql json 数据

Question

我是 react-native 的初学者。在我的示例应用程序中，我使用 react-native-snap-carousel 库，其中滑块正在获取 const ENTRIES1 = [] 中提到的一些静态数据。现在我想让滑块动态。我创建了一个 php 文件，它从 mysql 服务器生成 json 数据。现在我们如何在 const ENTRIES = [] 中获取这些数据，以便它可以显示在应用程序中。

由于我是 react-native 的新手，我不知道 http 连接。

这是 const ENTRIES = [] 的静态条目

export const ENTRIES1 = [

{

    title: 'Beautiful and dramatic Antelope Canyon',

    subtitle: 'Lorem ipsum dolor sit amet et nuncat mergitur',

    illustration: 'https://i.imgur.com/UYiroysl.jpg'

},

{

    title: 'Earlier this morning, NYC',

    subtitle: 'Lorem ipsum dolor sit amet',

    illustration: 'https://i.imgur.com/UPrs1EWl.jpg'

},

{

    title: 'White Pocket Sunset',

    subtitle: 'Lorem ipsum dolor sit amet et nuncat ',

    illustration: 'https://i.imgur.com/MABUbpDl.jpg'

},

{

    title: 'Acrocorinth, Greece',

    subtitle: 'Lorem ipsum dolor sit amet et nuncat mergitur',

    illustration: 'https://i.imgur.com/KZsmUi2l.jpg'

},

{

    title: 'The lone tree, majestic landscape of New Zealand',

    subtitle: 'Lorem ipsum dolor sit amet',

    illustration: 'https://i.imgur.com/2nCt3Sbl.jpg'

},

{

    title: 'Middle Earth, Germany',

    subtitle: 'Lorem ipsum dolor sit amet',

    illustration: 'https://i.imgur.com/lceHsT6l.jpg'

}

];

我想用从 php 收到的动态 json 数据替换它。

Answer 1

可以通过以下方式获取 JSON：fetch('https://yoursite.com/your-json-creator.php')  .then((responseJson) => {    this.setState({entries: responseJson.entries});  })  .catch((error) => {    console.error(error);  });有关更多信息，请参阅React Native Networking部分的文档。