Inifinite l oop при доступе к магазину redux - PullRequest
Новая
       8

Inifinite l oop при доступе к магазину redux

1 голос
/ 25 мая 2020

Я пытаюсь создать приложение, и в текущем модуле мне нужно получить список productList из магазина redux. Но когда я пытаюсь читать из магазина, весь компонент запускается с бесконечным l oop. Если я прокомментирую строку ниже, все станет нормально. Я новичок в React Native и не знаю, что я здесь делаю не так

const vendorProducts = useSelector (store => store.productList.loadedProducts); 

import React, {useState, useEffect} from 'react';
import {View, Text, StyleSheet, TouchableOpacity, FlatList} from 'react-native';
import {useDispatch, useSelector} from 'react-redux';
import * as productListAction from '../store/actions/products';
import Constants from '../constants/constants';

const Products = props => {
  console.log('Hello');
  const token = useSelector(store => store.auth.token);
  //const vendorProducts = useSelector(store => store.productList.loadedProducts);
  const dispatch = useDispatch();

  useEffect(() => {
    async function getProductList() {
      let response;
      let productList;
      try {
        const BASEURL = Constants.BASE_URL;
        response = await fetch(BASEURL + 'wp-json/wcfmmp/v1/products/', {
          method: 'GET',
          headers: {
            Accept: 'application/json',
            'Content-Type': 'application/json',
            Authorization: 'Bearer ' + token,
          },
        });
        productList = await response.json();
      } catch (error) {
        console.error(error);
      }
      dispatch(productListAction.loadedProducts(productList));
    }
    getProductList();
  });
  return (
    <View>
      <Text>Product</Text>
    </View>
  );
};

const style = StyleSheet.create({});

export default Products;
...