如何解决无法从不同的文件中定义导入的对象,无法将其存储在状态中并将其传播到 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);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。