当在ThemeProvider中使用时，React Toolbox选项卡给出错误

Question

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 @的属性“指针”   第240行var classNamePointer =（0，   _classnames4.default）（主题指针，_defineProperty（{}，theme.disableAnimation，disableAnimatedBottomBorder））;

Answer 1

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