React Toolbox选项卡在ThemeProvider中使用时出错

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的属性"pointer"@第240行var classNamePointer=(0，_classnames4.default((theme.pointer，_defineProperty(｛｝，theme.disableAnimation，disableAnimatedBottomBorder((；

Answer 1

Yo应该将forceRenderTabPanel＝｛true｝添加到选项卡中，如下所示：。它将跟踪所有三个选项卡的状态，而不仅仅是你所在的选项卡