在 React 中导入数据

布莱恩·史密斯

我正在尝试将数据从文件 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章