Javascript 如何对对象使用useState？

如何对对象使用useState？这与其他类似问题不同。我下面的代码给出了奇怪的错误

import React, { useState } from "react";

export default function App() {
    const [data, setData] = useState({data: 'something'});

    return (
         <h1>Data: {data}</h1>
    );
}

import React，{useState}来自“React”；
导出默认函数App（）{
const[data，setData]=useState（{data:'something'}）；
返回(
数据：{Data}
);
}

---

您无法传递对象，因为子对象在反应中

请注意您正在传递一个对象

数据：{Data}

，数据是一个具有数据属性的对象

解决方案

import React, { useState } from "react";

export default function App() {
    const [data, setData] = useState({data: 'something'});

    return (
         <h1>Data: {data.data}</h1>
    );
}

import React, { useState } from "react";

export default function App() {
    const [data, setData] = useState({data: 'something'});

    return (
         <h1>Data: {data.data}</h1>
    );
}

import React，{useState}来自“React”；
导出默认函数App（）{
const[data，setData]=useState（{data:'something'}）；
返回(
数据：{Data.Data}
);
}

您的问题不在

useState

当您尝试渲染

{data}

时，会出现问题，因为它是一个对象。您需要渲染属性

在这种情况下，您的数据对象是：

{
  data: 'something'
}

要呈现该值，您应该：

import React，{useState}来自“React”；
导出默认函数App（）{
const[data，setData]=useState（{data:'something'}）；
返回(
数据：{Data.Data}
);
}