Reactjs 使用Typescript样式的组件重新设置引导样式

我的整个导航栏基本上都是从React Bootstrap复制的。我在我的应用程序中使用了Typescript的样式化组件，现在我真的不知道如何从引导中重新设置默认样式

示例（React引导navabar）：

<Navbar bg="light" expand="lg">
  <Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
  <Navbar.Toggle aria-controls="basic-navbar-nav" />
  <Navbar.Collapse id="basic-navbar-nav">
    <Nav className="mr-auto">
      <Nav.Link href="#home">Home</Nav.Link>
      <Nav.Link href="#link">Link</Nav.Link>
      <NavDropdown title="Dropdown" id="basic-nav-dropdown">
        <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
        <NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item>
      </NavDropdown>
    </Nav>
  </Navbar.Collapse>
</Navbar>

因此，我无法从我的style.ts中再次导入它，我通常会在那里设置样式。如果我使用css，当然我会给它一个类名和样式，但这里是完全不同的系统，我是新来的

有什么方法可以定制引导程序吗

---

我还尝试了React样式化

style={{color:“pink”}}

在元素中实现，例如to

Nav.Link

，但显然不起作用。

尝试单独导入navbar元素：

import {Link, Brand, etc..} from '...'

然后您可以使用样式化组件装饰此组件，如下所示：

const CustomNavLink = styled(Link)` ...props `

---

Hej@Dániel，当我尝试单独导入元素时，它不喜欢它，并抛出一个错误……@Katie我尝试过，您可以按原始方式导入：从'react bootstrap/Navbar'导入Navbar，然后const CustomNavLink=styled（Navbar.Brand）``使用此表单。

const CustomNavLink = styled(Link)` ...props `