首页 > 解决方案 > 在 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)) 的属性“指针”;

标签: reactjsreact-toolbox

解决方案


哟应该像这样将 forceRenderTabPanel={true} 添加到标签中:。它将跟踪所有三个选项卡的状态,而不仅仅是您所在的那个。


推荐阅读