React函数组件,useState初始化一个变量值为对象,在组件内调用这个变量时为什么自动添加了一个属性?

问题遇到的现象和发生背景

项目中请求列表数据需要传入页数、页码及其他一些属性,这些属性放到对象listInfo中管理。如果有调用 props.dispatch(fetchListData(listInfo)),打印出的结果会如截图中自动添加了一个属性(每调用一次就会增加一个);如果没有调用则不会

问题相关代码
const DataList = (props) => {
  const [listInfo, setListInfo] = useState({
    pageSize: 15,
    pageNum: 1,
    listType: "0"
  });

  useEffect(() => {
    console.log('===listInfo==');
    console.log(listInfo);
    props.dispatch(fetchListData(listInfo));
  });
}

运行结果及报错内容

在控制台打印出reqParam的结果

img

我想要达到的结果

怎么阻止自动添加属性?

这个属性key值每次都一样还是随机的

你这一步做了什么操作 ,因为浏览器里面的 console 其实是指向一个内存地址 展开之后呈现的是最终的输出结果也就是最终的内存地址

props.dispatch(fetchListData(listInfo)) 这一步看一看做了什么 是怎么把那个key值添加进去的