如何通过 ID 对 Axios 提出请求

Question

我正在编写一个基本 lvl 的 MERN 交付应用程序，需要一个简单的后端。 我正在通过 axios 从前端部分的数据库中获取所有数据

    const [products, setProducts] = useState([]);
    useEffect(()=>{
    axios.get('api/products')
     .then(res => {
         console.log(res)
         setProducts(res.data)
     })
    .catch(err => {
        console.log(err)
    })

})

我还需要将我的产品放到购物桶中，但不知道该怎么做。 这是仅在前端工作的代码，但是当我从数据库中获取数据时-此代码停止工作

 let [cartItems, setCartItems] = useState([])

 const addProduct = (product) => {
 const productExist = cartItems.find(item => item.id === product.id)
 if (productExist) {
    setCartItems(cartItems.map(item => item.id === product.id?
        {...productExist, quantity: productExist.quantity + 1}: item));
 } else {
    setCartItems([...cartItems, {...product, quantity: 1}])
ja }

Answer 1

axios.get(`api/products/${productId}`)
     .then(res => {
         console.log(res)
         setProducts(res.data)
     })
    .catch(err => {
        console.log(err)
    })