扩展Material-ui SpeedDial组件

Question

我想做什么

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

什么不起作用

当我尝试将SpeedDial组件包装到自己的组件中并将其嵌入到类或功能组件中时，会引发有关无效React Hooks的错误。

如何重现此问题

  

  
1. 设置主类或功能组件
  
2. 围绕Material-UI SpeedDial设置类或函数包装器组件
  
3. 在主（App.js）组件内部实现包装器组件
  
4. 导致无效的挂接调用。
  

虚拟设置

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

// App.js
class App extends Component {

  render() {
    <FloatingActionButton />
  }
}

重要提示

对于所有其他组件（例如Button，Modal等），上述实现才有效。可能是因为它们尚未实现反应挂钩。