Я новичок в реагировании. У меня есть массив объектов, я хочу, чтобы этот массив был глобальным и доступным из нескольких компонентов. Как мне справиться с этим? Создать другой класс и затем импортировать его?

К вашему сведению, в Angular я бы создал сервис, содержащий этот массив, чтобы иметь доступ ко всем компонентам.

carts = [ { title: 'Travel', backgroundColor: '#796157', description: 'Keep your eyes fresh {amp}amp; 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' ] }, ... 

Вы должны иметь возможность поместить это в файл с именем data.js и изменить массив на export const carts = [...] . Затем вы можете импортировать его в любой файл реакции js с помощью import { carts } from './data.json';

  1. Контекст https://reactjs.org/docs/context.html
  2. Библиотека Redux
  3. Используйте «state» и передавайте массив дочерним компонентам с помощью «props».

Хотя я не рекомендую использовать его, вы можете прикрепить carts к объекту window , например:

 window.carts=[...]