reactjs - 在 ThemeProvider 中使用 React Toolbox Tabs 时出现错误
问题描述
App.jsx 是:
<ThemeProvider theme={theme}>
<div>
<Tabs index={0}>
<Tab label='Primary'><small>1Primary content</small></Tab>
<Tab label='Secondary'><small>Sec content</small></Tab>
</Tabs>
<Input label="test"/>
</div>
</ThemeProvider>
错误:
TypeError:无法读取未定义 Tabs.render @ line 240 var classNamePointer = (0, _classnames4.default)(theme.pointer, _defineProperty({}, theme.disableAnimation, disableAnimatedBottomBorder)) 的属性“指针”;
解决方案
哟应该像这样将 forceRenderTabPanel={true} 添加到标签中:。它将跟踪所有三个选项卡的状态,而不仅仅是您所在的那个。
推荐阅读
- php - 将文本大小与图像宽度对齐
- mysql - MySQL 使用 select in or 子句的结果
- django - 基于两个输入的条件验证
- java - 如果@transactional 在类级别应用,如何拦截@transactional 参数
- javascript - How to declare condition statement in nuxt js
- java - 如何从 Spring Controller 将字节数组作为图像返回,以便浏览器可以显示它?
- javascript - 如何使用 javascript regexp 替换字符串的一部分
- c++ - 用 cuda ubuntu 16/04 构建 c++ opencv 4
- sql - 按月份名称的订单记录
- python - 如何在matplotlib中拉伸文本