Aquí está mi index.js del servidor
const express = require('express'); const cors = require('cors'); const items = require('./data.json'); const port = process.env.PORT || 4000; const app = express(); app.use(cors()) app.use(express.json()) app.get('/', (req, res) => { res.send('Hello....Assalamualaikum') }) app.get('/items', (req, res) => { res.send(items); }) app.listen(port, () => { console.log('listening from', port) })Aquí está ManageInventory.js desde el front-end
import axios from 'axios'; import React, { useState } from 'react'; const ManageInventory = () => { const [items, setItems] = useState([]) axios({ method: 'get', url: 'http://localhost:4000/items' }) .then(res => res.json()) .then(data => console.log(data)) return ( <> <h1>This is manage Inventory page</h1> </> ); }; export default ManageInventory;¿Por qué mostrar que res.json() no es una función?
escriba res.data no res.json() Axios se encarga de analizar la respuesta automáticamente para nosotros, por lo que no tenemos que llamar a ningún método adicional.
Cuando llamo a axios como a continuación, mi problema está resuelto. Gracias a todos por su amable información útil.
axios.get('http://localhost:4000/items') .then((response) => { console.log(response.data) })