我正在构建一个 React 应用程序并安装了 React-router v6。我的挑战是在父组件内的组件之间切换。我的结构如下。
App.js -> Rootpage.js -> AuthPage.js -> (Register.js | SignIn.js | PasswordRecover.js)
RootPage 是我想要嵌套应用程序的各个其他部分的地方,例如仪表板、用户列表等。
AuthPage 应该能够根据路由在登录、注册和密码恢复之间切换。我在我的身份验证页面上尝试了以下代码
<div className="auth">
<div className="auth-left">
<Routes>
<Route path='/signin' element = { <SignIn /> } />
<Route path='/signup' element = { <SignUp /> } />
<Route path='/recovery' element = { <PasswordRecovery /> } />
</Routes>
</div>
<div className="auth-right">
<img src="./assets/image.png" alt="" />
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这在我的根页面上
<div className='root-page'>
<Routes>
<Route path='/' element = { <Auth /> } />
</Routes>
</div>
Run Code Online (Sandbox Code Playgroud)
似乎什么都不起作用。对于 v5,我只需使用 switch …
我正在创建一个 flutter 应用程序,它应该查询 Firestore 集合并在满足两个条件时返回结果。这是我的代码:
Stream<List<FormQuestions>> get question {
return someCollection
.where('myQUestion', isEqualTo: 'nameQuestion')
.snapshots()
.map(_someQuestionListFromSnapshot);
}
Run Code Online (Sandbox Code Playgroud)
如果我只使用一个 .where() 条件,它就可以正常工作。但是对于两个,尽管我有满足这两个条件的文件,但它没有给出任何结果。我希望它返回多个 .where() 条件,如下所示:
Stream<List<FormQuestions>> get question {
return someCollection
.where('myQUestion', isEqualTo: 'nameQuestion')
.where('myQuestion', isEqualTo: 'ageQuestion')
.snapshots()
.map(_someQuestionListFromSnapshot);
}
Run Code Online (Sandbox Code Playgroud)
有没有办法添加 OR(||) 运算符,或者如何执行此操作以便获得“nameQuestion”和“ageQuestion”的结果?请协助。谢谢。