在react native中显示两个json文件的数据

在React Native中显示两个JSON文件的数据，可以通过以下步骤实现：

首先，确保你已经安装了React Native的开发环境，并创建了一个新的React Native项目。
在项目的根目录下创建两个JSON文件，例如data1.json和data2.json，并在其中分别存储你的数据。
在React Native项目中，使用fetch函数或axios库来读取JSON文件的数据。例如，可以在组件的生命周期函数componentDidMount中使用fetch函数来获取数据：

componentDidMount() {
  fetch('path/to/data1.json')
    .then(response => response.json())
    .then(data1 => {
      // 处理data1的数据
    })
    .catch(error => {
      console.error(error);
    });

  fetch('path/to/data2.json')
    .then(response => response.json())
    .then(data2 => {
      // 处理data2的数据
    })
    .catch(error => {
      console.error(error);
    });
}

在处理数据的回调函数中，你可以将数据存储在组件的state中，并在render函数中使用它们来显示数据。例如：

constructor(props) {
  super(props);
  this.state = {
    data1: [],
    data2: []
  };
}

componentDidMount() {
  // ...

  fetch('path/to/data1.json')
    .then(response => response.json())
    .then(data1 => {
      this.setState({ data1 });
    })
    .catch(error => {
      console.error(error);
    });

  fetch('path/to/data2.json')
    .then(response => response.json())
    .then(data2 => {
      this.setState({ data2 });
    })
    .catch(error => {
      console.error(error);
    });
}

render() {
  const { data1, data2 } = this.state;

  return (
    <View>
      <Text>Data from data1.json:</Text>
      {data1.map(item => (
        <Text key={item.id}>{item.name}</Text>
      ))}

      <Text>Data from data2.json:</Text>
      {data2.map(item => (
        <Text key={item.id}>{item.name}</Text>
      ))}
    </View>
  );
}

在上述代码中，我们使用了两个fetch函数来获取data1.json和data2.json的数据，并将它们存储在组件的state中。然后，在render函数中，我们使用map函数来遍历数据并显示在<Text>组件中。

这样，你就可以在React Native中显示两个JSON文件的数据了。

关于React Native的更多信息和使用方法，你可以参考腾讯云的React Native产品介绍页面：React Native产品介绍