Reactjs 扩展材质ui SpeedDial组件 我想做什么

添加/扩展快速拨号组件的现有功能。（重构到我自己的组件中）

什么不起作用 当我试图将

SpeedDial

组件包装在自己的组件中并将其嵌入到类或函数组件中时，它会抛出一个关于无效挂钩的错误

如何重现这个问题

设置主类或功能组件

围绕物料UI SpeedDial设置类或功能包装组件

在主（App.js）组件中实现包装器组件

导致无效的钩子调用

虚拟设置

//FAB.js
功能浮动操作按钮（道具）{
返回(
)
}
//App.js
类应用程序扩展组件{
render（）{
}
}

重要提示 对于所有其他组件，如按钮、模态等，上述实现只起作用。可能是因为他们还没有实现react钩子

// FAB.js
function FloatingActionButton (props) {
  return (
    <SpeedDial>
      <SpeedDialAction />
      <SpeedDialAction />
      <SpeedDialAction />
    </SpeedDial>
  )
}

// App.js
class App extends Component {

  render() {
    <FloatingActionButton />
  }
}