Как перенести данные из одного файла в другой в reactjs

#javascript #reactjs

Вопрос:

у меня есть этот массив объектов, то, что я пытаюсь сделать, — это взять массив из файла, в котором он находится, и перенести его в другой файл, где я могу сопоставить элементы. Это мой код (форматирование и интервал не указаны) :

 const Upload = () => {


    const photos = [
        {
            id: new Date().getMilliseconds().toString(),
            imagePath: "url..."
        },
    ];

    return (
    <>
       // Markup ....
    </>
    );
};
 

И я хочу сделать что-то вроде этого:

 import photos from './COMPONENT_NAME';
const Func = () => {
    return (
      <> {photos.map((item) => <div> code... </div> )} </>
    );
 

Есть ли какой-нибудь способ сделать это?

Ответ №1:

Вы можете просто экспортировать их.
сначала переместите список за пределы функции загрузки, а затем поместите export ключ перед объявлением вот так.

  export const photos = [
      {
          id: new Date().getMilliseconds().toString(),
          imagePath: "url..."
      },
  ];

const Upload = () => { 


    return (
    <>
       // Markup ....
    </>
    );
};
 

Затем импортируйте их.

 import { photos } from './COMPONENT_NAME';