小编Wha*_*ere的帖子

React useReducer清空initialState

我正在尝试在initialState 中使用axios 获取的一些数据,以便稍后可以将其与useReducer 一起使用。但是一旦我将它作为第二个参数的初始状态传递,它就会返回一个没有对象的空数组。请帮忙... :(

 const [prods, setProds] = useState([]);
  const getProds = () => {
    axios.get(`API`).then((res) => {
      const data = res.data;
      setProds(data.products);
    });
  };


  const result = prods.map(function (el) {
    const quantity = Object.assign({}, el);
    quantity.count = 0;
    return quantity;
  });
  
  const initialState = {
    products: [result],
  };
  useEffect(() => {
    getProds();
  }, []);

console.log(initialState);

  const [countState, dispatch] = useReducer(counterReducer, initialState);

  console.log(countState);
Run Code Online (Sandbox Code Playgroud)

第一个和第二个日志的结果如下所示:

useReducer清空initialState

将计数添加到每个 API 调用后的结果如下所示:

在此输入图像描述

这是我的减速器的代码,我检查了很多次,但看起来不错:

export const counterReducer = (state, action) => {
  switch …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs use-reducer

3
推荐指数
1
解决办法
1774
查看次数

标签 统计

javascript ×1

reactjs ×1

use-reducer ×1