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

问题描述

我已经定义了一个对象，它是我将使用的表单的结构。该文件是 createCourseForm.js，我试图将其导入 createCourseMain.js 并将其存储在状态中。 然后我试图将它传播到另一个变量中，以便我将在处理程序函数中使用它。但是我得到 PS C:\Users\****\Like-Component> tsc main.ts error TS6053: File 'main.ts' not found. The file is in the program because: Root file specified for compilation Found 1 error. 并且这里 'firstPageData' is not defined no-undef 是我用来存储对象的状态。我不知道出了什么问题，但我想状态没有更新。

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

解决方法

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

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

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

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

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

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

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