使用 React hooks 对 json 数据进行切片

Question

我有一个返回这个 json 的 api，我想做的是，我只是获取 json 返回的“名称”并将其放入文本组件中。我尝试这样做，但它返回 null 或完整 json。{      "user": {        "_id": "1",        "name": "User Name",        "email": "[e-mail]",      }    }const [cars, setCars] = useState([]);    async function loadCars() {        const response = await api.get('me');        setCars(response.data);    }

Answer 1

由于某些代码是抽象的，我假设“response.data”是您上面发布的 JSON 对象？如果是这样，您可以简单地setCars将response.data值更改为您想要在状态中捕获的字段

如：

    async function loadCars() {
            const response = await api.get('me');
                    setCars(response.data.user.name);
    }

在此示例中，您还将 state 初始化为空数组，因此您可能会考虑将其与未来值对齐，并使用useState("")oruseState(null)以便条件渲染基于 state 是否有一个带有值的字符串，或者根本不再是无效的。不管怎样，它与你的真实问题无关。