javascript - 创建全局数组以从所有组件访问

Question

我是 ReactJS 新手。我有一个对象数组，我希望这个数组是全局的并且可以从多个组件访问。我该如何处理这个问题？我是否要创建另一个类然后导入它？

仅供引用，在 Angular 中，我会创建一个包含此数组的服务，以便从所有组件进行访问。

carts = [
        {
            title: 'Travel',
            backgroundColor: '#796157',
            description: 'Keep your eyes fresh & travel to other countries.',
            image: hs1,
            gallery: [
                '/assets/images/capture_1_travel/4.jpg',
                '/assets/images/capture_1_travel/2.jpg',
                '/assets/images/capture_1_travel/3.PNG'
            ]
        },
        {
            title: 'Record',
            backgroundColor: '#8693A2',
            description: 'Record the most important moments.',
            image: hs2,
            gallery: [
                '/assets/images/capture_3_record/2.jpg',
                '/assets/images/capture_3_record/5.jpg',
                '/assets/images/capture_3_record/3.jpg',
                '/assets/images/capture_3_record/4.jpg',
                '/assets/images/capture_3_record/6.jpg'
            ]
        },
        ...

Answer 1

您应该能够将其放入名为 data.js 的文件中，并将数组更改为 export const carts = [...]。然后你可以使用 import { car​​ts } from './data.json';

将其导入到任何 js React 文件中