如何让Material UI Tab组件在react中自动滚动

Question

我在 React 中使用 Material Design UI React 组件作为前端，我遇到了选项卡问题，我希望当单击任何提到的选项卡时，页面会自动向下滚动，现在当我单击该选项卡页面时不会滚动

我尝试使用反应滚动模块，但它没有给出结果，而是将我扔到页面末尾，

演示示例： https: //codesandbox.io/s/yko6x8r0wz

当单击选项卡部分中的 PageOne 时，它​​应该向下滚动一点

Answer 1

使用variant=可滚动。

<Tabs
  value={false}
  indicatorColor="primary"
  textColor="primary"
  variant="scrollable"
  scrollButtons="auto"
>

这应该有效。谢谢。