我如何使用点符号和反应来使我的资产净值？

时间：2019-11-08 05:57:07

标签： javascript reactjs react-bootstrap react-props react-state

在这里，我试图使用点表示法来简化引导程序名称，但是在让导航器呈现不同页面时遇到了很多问题。

我可以正确设置路线吗？我是否正确设置了开关？我是否正确设置链接？以及如何在不同页面上显示我的内容？

我在这里https://blog.pshrmn.com/simple-react-router-v4-tutorial/找到了我的大部分信息我尝试引入App.js上的开关来提供帮助，并且尝试引入

HeaderNav

            <>
            <Nav
              activeKey="/home"
              onSelect={selectedKey => alert(`selected ${selectedKey}`)}
            >
              <Nav.Item>
                <Nav> <Link to "/home">home</Link> Active </Nav>
              </Nav.Item>
              <Nav.Item>
                <Nav.Link eventKey="link-1">Link</Nav.Link>
              </Nav.Item>
              <Nav.Item>
                <Nav.Link eventKey="link-2">Link</Nav.Link>
              </Nav.Item>
              <Nav.Item>
                <Nav.Link eventKey="disabled" disabled>
                  Disabled
                </Nav.Link>
              </Nav.Item>
            </Nav>
          </>

main.js

const Main = () => (
  <main>
    <Switch>
      <Route exact path="/home" component={Home} />
      <Route path="/about" component={Roster} />
      <Route path="/more" component={Schedule} />
    </Switch>
  </main>
);

export default Main;

App.js

const App = () => (
  <>
    <>
      <HeaderNavigation className="body" />
      <Main />
    </>
    <Jumbotron fluid>
      <h1 className="header">Welcome To React-Bootstrap</h1>
    </Jumbotron>
    <Jumbotron fluid>
      <Form className="header" />
    </Jumbotron>
    <Body className="body" />
  </>
);

export default App;

0 个答案:

没有答案