无法在 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">&nbsp; &nbsp; <input type="text" name="name"/></Tabs>