小编Dav*_*vid的帖子

如何使用 React Router v6 在一个父组件上的组件之间切换

我正在构建一个 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 …

reactjs react-router-dom

6
推荐指数
1
解决办法
2万
查看次数

使用 OR 运算符进行复合查询 flutter 和 firebase

我正在创建一个 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”的结果?请协助。谢谢。

firebase flutter google-cloud-firestore

2
推荐指数
1
解决办法
5894
查看次数