如何在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>