使用 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 是否有一个带有值的字符串，或者根本不再是无效的。不管怎样，它与你的真实问题无关。