I am fetching from the Storefront API and at first my products were coming through. But since adding new products, only some are showing. I am positive they are all set to Active on the dashboard. Just can’t figure out why some show and others do not. I am using js in react. No errors are showing. Any ideas?
class Store extends Component {
// create a constructor for the component
constructor(){
super();
//set initial state of the application
this.state ={
isCartOpen: false,
checkout: { lineItems: [] },
products: [],
collection: [],
shop: {}
};
// set each of the functions to this state with bind()
this.handleCartClose = this.handleCartClose.bind(this);
this.addItemToCart = this.addItemToCart.bind(this);
this.updateQuantityInCart = this.updateQuantityInCart.bind(this);
this.removeLineItemInCart = this.removeLineItemInCart.bind(this);
}
// create functions
componentWillMount() {
this.props.client.checkout.create().then((res) => {
this.setState({
checkout: res
});
});
this.props.client.product.fetchAll().then((res) => {
this.setState({
products: res
});
console.log(this.state.products);
});
this. props.client.shop.fetchInfo().then((res) => {
this.setState({
shop: res
});
});
}