Редактирование Navbar или других компонентов в реакции-начальной загрузке - PullRequest
Новая
       71

Редактирование Navbar или других компонентов в реакции-начальной загрузке

0 голосов
/ 21 ноября 2019

Я использую реагирующую загрузку в моем реактивном проекте. Но я хотел бы изучить все особенности этой структуры. Я имею в виду, я видел некоторые страницы, поддерживаемые реагировать с начальной загрузкой. Даже я скачал шаблон страниц. Но я не знаю использование. Есть ли у вас какие-либо документы по этому поводу? Или какие-либо предложения о том, как я могу понять использование из шаблона? Короче говоря, я могу использовать Navbar с основными командами. Но я видел некоторые навигационные панели с изображениями, например. Как я могу это сделать? Или как можно изменить его размер?

Мой код в основном такой: 

<Navbar  bg="dark" variant="dark">
   <Navbar.Brand href="#home">Navbar</Navbar.Brand>
   <Nav className="mr-auto">
      <Nav.Link href="#home">Homee</Nav.Link>
      <Nav.Link href="#features">Features</Nav.Link>
      <Nav.Link href="#pricing">Pricing</Nav.Link>
   </Nav>
   <Form inline>
      <FormControl type="text" placeholder="Search" className="mr-sm-2" />
      <Button variant="outline-info">Search</Button>
   </Form>
</Navbar>

Я бы хотел уточнить себя. Я знаю, что такое редукс, но я не чувствую себя довольным. Навбар - это просто пример. Мне нужен документ, который имеет все управляемые возможности.

1 Ответ

0 голосов
/ 21 ноября 2019

Вот официальная документация React Bootstrap - Navbars

Например, Navbar с изображением; 

  <Navbar bg="light">
    <Navbar.Brand href="#home">Brand link</Navbar.Brand>
  </Navbar>
  <br />
  <Navbar bg="light">
    <Navbar.Brand>Brand text</Navbar.Brand>
  </Navbar>
  <br />
  <Navbar bg="dark">
    <Navbar.Brand href="#home">
      <img
        src="/logo.svg"
        width="30"
        height="30"
        className="d-inline-block align-top"
        alt="React Bootstrap logo"
      />
    </Navbar.Brand>
  </Navbar>
  <br />
  <Navbar bg="dark" variant="dark">
    <Navbar.Brand href="#home">
      <img
        alt=""
        src="/logo.svg"
        width="30"
        height="30"
        className="d-inline-block align-top"
      />{' '}
      React Bootstrap
    </Navbar.Brand>
  </Navbar>

Все реквизиты Navbar

...