我正在尝试将数据从文件 dateUpdated.js 导入 React 中的 Header.js 文件。我收到一个错误 TypeError: Object is not a function or its return value is not iterable 但我以前见过它这样做过。
let dateUpdated = {
"date": [
{
"date": "7/10/2021"
}
]
}
import React, {setState} from "react"
import dateUpdated from "../data/dateUpdated"
function Header() {
const [date, setDate] = setState(dateUpdated)
return (
<div>
<h1></h1>
<p></p>
</div>
)
}
export default Header
首先你必须导出 dateUpdated
其次,我认为您正在尝试使用 useState 钩子。SetState,用于基于 React 类的组件,您可以在其中修改状态值。
// Header.js
import React, { useState } from "react";
import dateUpdated from "./data";
function Header() {
const [date, setDate] = useState(dateUpdated);
console.log(date);
return (
<div>
<h1>Hello World</h1>
<p></p>
</div>
);
}
export default Header;
和
// data.js
let dateUpdated = {
date: [
{
date: "7/10/2021"
}
]
};
export default dateUpdated;
我已经为你创建了沙箱,看看代码,你就明白了
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句