无法定义从其他文件导入的对象，无法将其存储在状态中，也无法将其扩展到React中的另一个变量中

Question

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

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

Answer 1

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

首先，导出您创建的文件上的对象(在createCourseForm.js中(

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

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

import {firstPageData} from "./createCourseForm.js";

最后，您需要初始化或设置需要将该值复制到的变量。

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