如何通過 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)
    })