我有一个简单的中间件设置,用于检查用户是否使用 zustand 存储中的布尔值登录,并相应地将用户重定向到登录页面。这是根据文档
import { NextResponse } from "next/server";
import type { NextRequest } from "next/server";
import { useAuthStore } from "./zustand/store";
export function middleware(request: NextRequest) {
const loggedIn = useAuthStore.getState().loggedIn;
if (!loggedIn) {
const url = request.nextUrl.clone();
url.pathname = "/login";
return NextResponse.rewrite(url);
} else {
return NextResponse.rewrite(request.nextUrl.clone());
}
}
Run Code Online (Sandbox Code Playgroud)
然而,当我使用这个中间件时,我得到
react-refresh.js?ts=1661359264454:1 Uncaught SyntaxError: Unexpected token '<' (at react-refresh.js?ts=1661359264454:1:1)
18:41:04.842 webpack.js?ts=1661359264454:1 Uncaught SyntaxError: Unexpected token '<' (at webpack.js?ts=1661359264454:1:1)
18:41:04.842 main.js?ts=1661359264454:1 Uncaught SyntaxError: Unexpected token '<' (at main.js?ts=1661359264454:1:1)
18:41:04.909 _app.js?ts=1661359264454:1 …Run Code Online (Sandbox Code Playgroud) 对于一个项目,我必须制作一个 Windows 窗体应用程序来制作 Mandelbrotfigure。现在我想在左侧的用户界面和右侧的图形之间添加一个垂直分隔符(见图)。关于如何做到这一点有什么想法吗?
我在堆栈导航器中创建了一个嵌套的选项卡导航器,如下所示:
const Stack = createStackNavigator()
const Tab = createBottomTabNavigator();
function TabNav () {
return (
<Tab.Navigator>
<Tab.Screen name="Home" component={HomeScreen}></Tab.Screen>
<Tab.Screen name="Category" component={CategoryScreen}></Tab.Screen>
<Tab.Screen name="Settings" component={SettingsScreen}></Tab.Screen>
</Tab.Navigator>
)
}
export default function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Tab" component={TabNav}></Stack.Screen>
<Stack.Screen name="Category" component={CategoryScreen}>
</Stack.Screen>
<Stack.Screen
name="SpecialBeerScreen" component= {SpecialBeerScreen}>
</Stack.Screen>
</Stack.Navigator>
</NavigationContainer>
)
}
Run Code Online (Sandbox Code Playgroud)
但是,对于每个屏幕,标题现在看起来都像 Tab。如何使用自定义文本(例如主页、类别等)覆盖每个屏幕的此标题。
我设置了这条路线:
@Get('/name/like')
findByLikeName(@Query() query: { supplierID: string; name: string }) {
return this.supplierProductService.findByLikeName(query);
}
Run Code Online (Sandbox Code Playgroud)
它利用底层服务中的查询参数:
async findByLikeName({
supplierID,
name,
}: {
supplierID: string;
name: string;
}): Promise<SupplierProduct[]> {
return await this.supplierProductRepository.findAll({
where: {
name: {
[Op.like]: `%${name}%`,
},
supplierID: supplierID,
},
});
}
Run Code Online (Sandbox Code Playgroud)
但是,假设我想将 sellerID 移动到 /:supplierID 路由参数中,同时在查询对象中维护名称(以及潜在的其他查询参数),我将如何实现这一点?
reactjs ×2
c# ×1
middleware ×1
nestjs ×1
next.js ×1
parameters ×1
query-string ×1
react-native ×1
routeparams ×1
winforms ×1