我试图在重新加载页面时不失去我的state价值。cart我可以在任何页面添加任何product内容cart,但每当我重新加载时,页面cart状态都会自行重置。无论是否使用更多库,是否有办法防止这种情况发生?我不知道这是否Redux是防止这种情况的唯一方法。
我的App功能:
function App() {
const [cart, setCart] = useState([]);
return (
<div>
<Router>
<NavbarComponent cart = {cart} setCart={setCart}></NavbarComponent>
<Switch>
<Route exact path="/">
<Home cart = {cart} setCart={setCart} />
</Route>
<Route exact path="/home">
<Home cart = {cart} setCart={setCart} />
</Route>
<Route exact path="/Products">
<Products cart = {cart} setCart={setCart} />
</Route>
<Route exact path="/Detail/:product_id">
<Detail cart = {cart} setCart={setCart} ></Detail>
</Route>
</Switch>
</Router>
</div>
);
}
下面这只是我可以更改cart状态值的组件之一。
繁华开满天机
江户川乱折腾
jeck猫
开心每一天1111
相关分类