Блог

Я разрабатываю приложение cart, и мои товары хранятся в базе данных firebase. При извлечении данных я получаю каждый продукт отдельно в виде массива. Здесь я использую Context API. Ниже приведен код.

 class ProductProvider extends Component {
  state = {
    products: []
  };

  componentDidMount() {
    this.setProducts();
  }

  setProducts() {
    let products = [];
    let product = firebaseConfig.database().ref("dataJson");
    product.on("child_added", snap => {
      products = snap.val()   
      this.setState(
        () => {
          return { products };
        }
         , () => console.log(this.state)
      );
    });
  }

  render() {
    return (
      <ProductContext.Provider
        value={{
          ...this.state
        }}
      >
        {this.props.children}
      </ProductContext.Provider>
    );
  }
}

const ProductConsumer = ProductContext.Consumer;

export { ProductProvider, ProductConsumer };
  

Попробуйте перенести ваше значение для каждой записи в вашей базе данных в массив products следующим образом:

 setProducts() {
  let product = firebaseConfig.database().ref("dataJson");

  product.on("child_added", snap => {
    let products = [];
    products.push(snap.val());
    this.setState({ products });
  });
}