reactjs - 如何使反应选项卡第一个索引处于活动状态
问题描述
我正在尝试在页面加载时使 React 选项卡的第一个索引处于活动状态,我已设置 defaultIndex={0},但在页面加载时,没有一个选项卡处于活动状态
const saving = () =>(
<div className="container">
<div className="row">
<div className="col-12">
<div className="card">
<div className="card-body">
<Tabs defaultIndex={0} onSelect={ index => console.log(index)}>
<TabList>
{ categories && categories.map((cat, i)=>(
<Tab key={i}>{cat.name}</Tab>
))}
</TabList>
{ categories && categories.map((cat, i)=>(
<TabPanel key={i}> {cat.name}
</TabPanel> ))}
</Tabs>
</div>
</div>
</div>
</div>
</div>
)
解决方案
推荐阅读
- python - 使用 TCP 协议发送拆分消息
- javascript - moment.tz.guess 没有显示正确的值
- probability - 如何使用抛硬币进行骰子分配?
- networking - 如何使用 NS3 模拟异构无线网络?
- python - 从列字段中删除星号以绘制
- android - 凌空字符串请求参数
- python - 将产品从最昂贵的一种到最便宜的一种进行整理(PYTHON)
- graphql - How to add Access Rules to DynamoDB/AppSync?
- flutter - Vector2List 未按预期工作:Dart // Flutter
- python - 如何仅在删除最后一个引用它的产品记录后删除属性记录?