无法从其他文件定义导入的 object，存储在 state 中并将其传播到 React 中的另一个变量中

Question

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

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

Answer 1

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

首先，在您创建的文件上导出 object（在 createCourseForm.js 中）

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

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

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

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

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