Моя вкладка по умолчанию — «Доход». У меня есть выпадающий компонент поверх Tab. Если значение в раскрывающемся списке изменится, мне нужно сбросить представление на вкладку по умолчанию (доход). Пожалуйста помоги мне с этим.
<Tabs
defaultTab = "income"
onChange = {(tabId) => { console.info(tabId) }}>
<TabList>
<Tab tabFor = "income">Income</Tab>
<Tab tabFor = "expense">Expense</Tab>
<Tab tabFor = "liability">Liabilities</Tab>
</TabList>
<TabPanel tabId = "income">
<p>Income</p>
</TabPanel>
<TabPanel tabId = "expense">
<p>Expense</p>
</TabPanel>
<TabPanel tabId = "liability">
<p>Liability</p>
</TabPanel>
</Tabs>





Сделайте значение defaultTab как состояние, чтобы оно было динамическим и соответственно обновлялось при необходимости (в вашем случае значение onChange вашего раскрывающегося компонента.
например
class TabSample extends React.Component {
state = {
defaultTab: 'Income'
}
onDropdownChange = () => {
// reset default tab value to initial state
this.setState({defaultTab: 'Income'})
}
render(){
const { defaultTab } = this.state;
return <Tabs
defaultTab = {defaultTab}
onChange = {(tabId) => { console.info(tabId) }}>
<TabList>
<Tab tabFor = "income">Income</Tab>
<Tab tabFor = "expense">Expense</Tab>
<Tab tabFor = "liability">Liabilities</Tab>
</TabList>
<TabPanel tabId = "income">
<p>Income</p>
</TabPanel>
<TabPanel tabId = "expense">
<p>Expense</p>
</TabPanel>
<TabPanel tabId = "liability">
<p>Liability</p>
</TabPanel>
</Tabs>
}
}