时间戳

首页 > 解决方案 > 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> )} </>
    );

有什么办法吗？

标签： javascriptreactjs

解决方案

您可以简单地导出它们。
首先，将列表移到 Upload 函数之外，然后export像这样将 key 放在声明之前。

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

const Upload = () => { 


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

然后导入它们。

import { photos } from './COMPONENT_NAME';

推荐阅读