Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Migrating Products Data to Context API from Redux
import React,{createContext, useState, useEffect} from 'react'
import shop from '../api/shop'
export const ProductsContext = createContext({
test: '',
products: []
})
const ProductsProvider = ({children}) => {
const [test] = useState('the products provider has been successfully connected :)')
const [products, setProducts] = useState([])
useEffect(async ()=> {
const response = await shop.getProducts(products => products)
setProducts(response)
},[])
return (
<ProductsContext.Provider value={{test, products}}>
{children}
</ProductsContext.Provider>
)
}
export default ProductsProvider
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment