如何从隐私策略组件隐藏路由器导航栏

Question

应用启动后，隐私权政策组件就会到达。在此组件中，要使用React隐藏路由器导航栏。

.search-box{
  display: flex;
  justify-content: center
}

（这是<li> <NavLink to="/profile" ><i className="fas fa-epi-profile"></i></NavLink> </li> <li> <NavLink to="/Home"><i className="fas fa-epi-good_picker"></i></NavLink> </li> <li> <NavLink to="/TaskListTabs"><i className="fas fa-epi-task"></i></NavLink> </li> <li> <NavLink to="/Notification"><i className="fas fa-epi-notification"></i></NavLink> </li> 文件）

App.js

但是出于隐私考虑，组件正在使用导航到另一个组件的代码

class App extends Component { render() { return ( <RoutersNav /> ); } }

一次单击按钮，错误为<NavLink to="/login" className="float-right"> <input type="submit" className="btn" onClick={this.routeChange} name="accept" value="Accept" /> </NavLink>

Answer 1

在主屏幕的导航选项中

static navigationOptions = { title: 'Welcome', header: { visible:false } };

如果您想将标题隐藏为默认行为，则可以将navigationOptions传递给导航器

const SimpleApp = StackNavigator({ 
    Home: { screen: HomeScreen }, 
    LoginView: { screen: LoginView }, },
    navigationOptions:{ header:{ visible:false }});

隐藏导航栏的基本且简单的方法

Answer 2

您可以尝试条件渲染， 尝试将代码包装在<BrowserRouter>

中

class App extends Component { 

this.state={header:{ visible:false }};

render() { 

    return ( 
    if(this.state.header.visible) ?
    <RoutersNav />
    <ToastBody className="provacy-policy-content"> 
    <h4>Sample text</h4> Privacy Content 
    <input type="submit" className="btn float-left" name="accept" value="Accept" /> );
 :

    <ToastBody className="provacy-policy-content"> 
    <h4>Sample text</h4> Privacy Content 
    <input type="submit" className="btn float-left" name="accept" value="Accept" /> );

); } }

一个好主意是，

<BrowserRouter>
<NavLink to="/">/home</NavLink>
<Route path="/" component={Home} />
</BrowserRouter>