無法從其他文件定義導入的 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);