小编Jon*_*Kim的帖子

我想在登录页面中隐藏导航栏.

我实际上做到了,但我看不到其他页面的导航栏.

此代码是My App.jsx文件的一部分.

我在App的状态下创造了历史.当这个路径名为'/'或'/ login'时,我会隐藏导航栏.

有用!

但是我输入了id和密码,然后点击登录按钮,得到"成功"结果,导航到'/ main'.

我也看不到主要组件中的导航栏.

我该怎么办？请帮我.

抱歉我的英文短文.如果你无法理解我的问题,你可以发表评论.

constructor(props) {
  super(props);
  this.state = {
    isAlertOpen: false,
    history: createBrowserHistory(),
  };
  this.toggleAlert = this.toggleAlert.bind(this);
}

<BrowserRouter>
  <div className="App">
    {this.state.history.location.pathname === '/' || this.state.history.location.pathname === '/login' ? null
      : <Header toggleAlert={this.toggleAlert} />}
    <div className="container">
      {this.state.history.location.pathname === '/' || this.state.history.location.pathname === '/login' ? null
        : <Navbar />}
      <Route exact path="/" render={() => <Redirect to="/login" />} />
      <Route path="/login" component={Login} />
      <Route path="/main" component={Main} />
      <Route path="/user" component={User} />
      <Route path="/hw-setting" …

我想导入xlsx。

所以，我安装xlsx使用npm install xlsx.

并导入xlsx模块。import * as XLSX from 'xlsx';

（我也尝试import { foo, bar } from 'xlsx';）

并使用 Angular cli 运行此代码。ng serve.

我用这个。

Angular CLI: 1.6.1
Node: 6.11.3
OS: win32 x64
Angular: 2.4.10
... common, compiler, compiler-cli, core, forms, http
... platform-browser, platform-browser-dynamic

@angular/cli: 1.6.1
@angular/router: 3.4.10
@angular/tsc-wrapped: 0.5.2
@angular-devkit/build-optimizer: 0.0.36
@angular-devkit/core: 0.0.22
@angular-devkit/schematics: 0.0.34
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.1
@schematics/angular: 0.1.11
@schematics/schematics: 0.0.11
typescript: 2.0.10
webpack: 3.10.0 …

我使用 formBuilder 制作了 formGroup 和 formControl。

下面的代码是我的代码的一部分。

companyPhoneFormGroup: fb.group({
    companyPhone: fb.group({
        head: [ '', Validators.required ]
    })
})

我想向我的用户显示这样的本机警报，而无需在 html 模板中写入“必需”。我找不到这个方法 请帮我。谢谢。 在此输入图像描述