Невозможно использовать форму внутри вкладок в 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>);
}

Невозможно использовать форму внутри вкладок в React Bootstrap. Компонент Tab не предназначен для рендеринга! Это абстрактный компонент, который действителен только как прямой дочерний компонент Tabs Компонента. Для настраиваемых компонентов вкладок используйте TabPane и TabsContainer напрямую. Для меня это очень важно. Мне нужна вся форма, разделенная на разные формы Спасибо

Answer 1

У вас должна быть Tab внутри компонента Tabs.

Пример использования вкладок и вкладок

Найдите снимок экрана с образцом вывода о том, как использовать вкладки и вкладки.