无法从不同的文件定义导入的对象，将其存储在一个状态中并将其传播到 React 中的另一个变量中

Posted 2023-02-22

【中文标题】无法从不同的文件定义导入的对象，将其存储在一个状态中并将其传播到 React 中的另一个变量中

【英文标题】：Unable to define an imported object from a different file , store in a state and spread it in another variable in React

【发布时间】：2021-07-07 15:29:50

【问题描述】：

我已经定义了一个对象，它是我将使用的表单的结构。该文件是 createCourseForm.js，我正在尝试将其导入 createCourseMain.js 并将其存储在一个状态中。 然后我试图将它传播到另一个变量中，以便在处理函数中使用它。但是我得到了'firstPageData' is not defined no-undef，这里firstPageData 是我用来存储对象的状态。我不知道出了什么问题，但我猜状态没有更新。

https://codesandbox.io/s/cranky-haze-ptzrh?file=/src/createCourseForm.js

【参考方案1】：

您需要完成以下步骤来导出然后将值从一个文件导入另一个文件。

首先，将对象导出到您创建的文件中（在 createCourseForm.js 中）

export const firstPageData = 
    // content of the object ...
;

然后将其导入您将使用它的文件（在 createCourseMain.js 中）

import firstPageData from "./createCourseForm.js";

最后，你需要初始化或设置你需要复制这个值的变量。

const [newVariable, setNewVariable] = useState(firstPageData);