无法在 ReactBootstrap 的选项卡中使用表单

Question

render(){return(<div><Tabs defaultActiveKey="profile" id="uncontrolled-tab-example"><Form>  <Tab eventKey="home" title="Home">    <input type="text" name="name"/>  </Tabs>  <Tab eventKey="profile" title="Profile">    <input type="text" name="age"/>  </Tab>  <Tab eventKey="contact" title="Contact" disabled>    <button type="submit">Submit</button>  </Tab></Form></Tabs></div>);}无法在 ReactBootstrap 的选项卡中使用表单。该Tab组件不应该被渲染！它是一个抽象组件，仅作为Tabs组件的直接子级有效。对于自定义选项卡组件，直接使用 TabPane 和 TabsContainer。这对我来说非常重要。我需要以不同形式划分的整个表格谢谢

Answer 1

您应该在选项卡组件中有选项卡。

请找到有关如何使用选项卡和选项卡的示例输出的屏幕截图。

Answer 2

您的结束标签中有错字。也许这会导致错误：

<Tab eventKey="home" title="Home">

    <input type="text" name="name"/>

</Tabs>