首页 > 其他分享 >useEffect监听订阅的数组并叠加更新

useEffect监听订阅的数组并叠加更新

时间:2022-08-22 14:46:53浏览次数:57  
标签:... 叠加 state bookList location 数组 useEffect 监听

遇到的问题,解决了小计一下:

我通过useNavigate和useLocation传递了一个数组,在组件中通过useEffect监听location.state,将它携带的数组B累加到原来的数组A

  const location = useLocation();
  // // 监测搜索框的书籍book是否提交到选择列表页
  useEffect(() => {
    console.log(111111)
    if(location.state===null) {return}
    if(location.state) {
      setBookList(bookList=>[...bookList,...location.state])
      console.log('我是书籍列表页过来的',location.state)
    }
    // console.log('我是设置轮播构图页:',bookList)
  },[location.state])

这里注意蟹盖bookList的写法,如果直接【...bookList,...location.state】,useEffect的第二参数会有警告。

搜索

复制

<iframe></iframe>

标签:...,叠加,state,bookList,location,数组,useEffect,监听
From: https://www.cnblogs.com/qiao-16/p/16612730.html

相关文章