react.js根据子项更改父项宽度

Question

我已经使用NavigationBar创建了一个react-bootstrap组件，以便可以在我的项目中反复使用它。

react-bootstrap：

NavigationBar

哪个效果很好：

NavigationBar

直到表被填充，并出现水平滚动条。然后我想念完整的导航栏，就像这样：

<div>
  <NotificationContainer />
  <Navbar bg="dark" variant="dark">
    <Navbar.Brand href="/home">Local File Server</Navbar.Brand>
    <Navbar.Collapse className="justify-content-end" />
    <Form inline>
      <FormControl type="text" placeholder="Search" className=" mr-sm-2" />
      <Button type="submit">Search</Button>
      <Button variant="danger" type="submit" href="/upload">
        Upload
      </Button>
    </Form>
  </Navbar>
</div>;

我该如何解决？

components：

Answer 1

我认为向Table道具添加“响应式”是最简单的解决方法>>

Home.js