我正在使用 React Native 构建一个应用程序,并有一个登录、主页和会员屏幕。当用户是管理员时,我让他进入主屏幕,当他是会员时,我让他进入会员屏幕。在主屏幕内,我还有 AddMember 屏幕,因此我在堆栈导航内构建堆栈导航和抽屉导航以导航到这些屏幕。App.js 代码:
import 'react-native-gesture-handler';
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { createDrawerNavigator } from '@react-navigation/drawer';
import LoginScreen from './screens/LoginScreen';
import HomeScreen from './screens/HomeScreen';
import MembersScreen from './screens/MembersScreen';
import AddMember from './screens/AddMember';
const Stack = createNativeStackNavigator();
const Drawer = createDrawerNavigator();
function Root() {
return (
<Drawer.Navigator>
{/* <Drawer.Screen name="Home" component={HomeScreen} /> */}
<Drawer.Screen name="AddMember" component={AddMember} />
</Drawer.Navigator>
);
}
export default function App() {
return …Run Code Online (Sandbox Code Playgroud) 我正在使用 next js 构建购物车,我想将所有购物车项目存储在 localStorage 中,所以我这样做了:
\nimport React, { createContext, useContext, useState, useEffect } from 'react';\nimport { toast } from 'react-hot-toast';\n\nconst Context = createContext();\n\nlet getCart;\n\nif (typeof window !== 'undefined') {\n console.log('You are on the browser');\n\n getCart = localStorage.getItem('items') !== 'undefined' ? \n JSON.parse(localStorage.getItem('items')) : localStorage.clear();\n// \xef\xb8\x8f can use localStorage here\n} else {\nconsole.log('You are on the server');\nconsole.log(getCart);\n// \xef\xb8\x8f can't use localStorage\n}\n\nexport const StateContext = ({ children }) => {\nconst [showCart, setShowCart] = useState(false);\nconst [cartItems, setCartItems] = useState(getCart?.cartItems || [] );\nconst …Run Code Online (Sandbox Code Playgroud)