如何在 React 中使用带有 MuiThemeProvider 的 material-ui 按钮作为弹出窗口的触发器

Question

我正在尝试将具有自定义主题的按钮用作 React 中弹出窗口的触发器：

 <PopUp modal trigger={
                        <MuiThemeProvider theme={buttonTheme}>
                            <Button variant="contained" color="secondary">Excluir</Button>
                        </MuiThemeProvider>
 }>

但是当我这样做时，我收到此错误：“失败的道具类型：不支持以下道具： onClick 。请在 ThemeProvider 中删除它们”和“无法为函数组件提供参考。尝试访问此参考将失败。是否你的意思是使用 React.forwardRef()？”。 我想停止错误。 该按钮变得丰富多彩，但它不会打开弹出窗口。

Answer 1

您只需要将标签放在触发器之外。

<MuiThemeProvider theme={buttonTheme}>
         <PopUp modal trigger={<Button variant="contained" color="secondary">Excluir</Button>>}
</MuiThemeProvider>