使用useNavigate 跳转路由到 “/cart” ,并携带一个数组 怎么写

如果你是在React组件中使用useNavigate跳转路由，可以这样写：

import { useNavigate } from 'react-router-dom';

const MyComponent = () => {
  const navigate = useNavigate();

  const handleClick = () => {
    const myArray = [1, 2, 3];
    navigate('/cart', { state: { array: myArray } });
  }

  return (
    <button onClick={handleClick}>跳转到购物车并携带数组</button>
  )
}

在上面的代码中，我们定义了一个MyComponent组件，并在其中使用了useNavigate来获取一个navigate函数。然后，在handleClick函数中，我们定义了一个数组myArray并将其作为state参数传递给navigate函数，state参数可以携带任何你想传递的数据。

当用户点击按钮时，就会跳转到"/cart"路由，并且携带了一个名为array的数组。在"/cart"页面中，可以通过location.state.array来获取这个数组。

需要注意的是，如果用户直接访问"/cart"路由而非从MyComponent中跳转过来，location.state可能会为空，因此需要做好判断。