Как я могу получить объект из json в ответ?

После настройки ответа в setValorCusto ; вы можете перебрать переменную состояния и получить желаемое значение

Как и в других ответах. То, что вы возвращаете из своего API, представляет собой массив объектов. В настоящее время в вашем коде этот массив находится внутри объекта ответа. Итак, в этом фрагменте ниже:

axios.get('MY API LINK').then((res) => {
    let valor = res.detalhe.valor_custo_fornecedor;

Вам нужно указать, из какого элемента массива вы хотите получить объект detalhe (например, res[0].detalhe).

Один из способов, который вы могли бы сделать, если хотите использовать все из массива, — это сохранить весь массив в вашем useState. После этого вы можете перебрать массив и что-то сделать с объектами внутри него.

PS. Если вы не совсем уверены, что государство держит. Вы можете войти на страницу, выполнив что-то вроде <div>{JSON.stringify(valorCusto)}</div>

export default function App() {
  const [valorCusto, setValorCusto] = useState(null);

  useEffect(() => {
    const getData = async () => {
      const res = await axios.get("API");
      const data = await res.data;
      setValorCusto(data);
    };
    getData();
  }, []);
  return (
    <main>
      <div>
        {valorCusto.map((item) => {
          <div>{item.id}</div>;
        })}
      </div>
    </main>
  );
}

Вы можете преобразовать json следующим образом:

useEffect(() => {
  axios.get('MY API LINK').then((res) => {
    let obj = JSON.parse(res.detalhe.valor_custo_fornecedor)
  });
});

Трудно сказать, не видя полного json, какие пары ключ/значение существуют в данных, но из того, что я вижу, вы передаете значение, которого, похоже, не существует в данных, в setValorCusto, а именно: res.valorCusto.valor_custo_fornecedor

Я предполагаю, что вы хотите передать setValorCusto переменную valor, которую вы определили выше? Однако res.data.detalhe, как ответили другие, представляет собой массив, который вам придется либо перебирать, либо указывать для него индекс.

Еще одна деталь, не относящаяся к вопросу сама по себе, заключается в том, что я бы добавил массив зависимостей для эффекта, чтобы этот запрос API не вызывался при каждом повторном рендеринге компонента. Таким образом, конечный результат будет выглядеть примерно так:

const [valorCusto, setValorCusto] = useState([]);

useEffect(() => {
  axios.get('MY API LINK').then((res) => {
    const valor = res.data.detalhe.map((detalheItem) => {
        return detalheItem.valor_custo_fornecedor;
    });

    setValorCusto(valor);
  });
}, []);

Обратите внимание на пустой массив в качестве второго параметра в вызове useEffect. Это означает, что эффект будет запущен только при первоначальном рендеринге компонента.

Затем вы можете получить доступ к значению, просто используя valorCusto везде, где вам это нужно в компоненте.