如何使用Material-UI创建自定义按钮？

Question

Material-UI允许您使用withStyles()创建具有一组样式的Button，但是我想知道是否可以使用 props 来做同样的事情，所以我正在创建的所有自定义按钮都将disableRipple设置为false，而不必向每个按钮添加道具。

希望如此。

Answer 1

您似乎可以通过配置globals来做到这一点。

Example form docs：

const theme = createMuiTheme({
  props: {
    // Name of the component ⚛️
    MuiButtonBase: {
      // The default props to change
      disableRipple: true, // No more ripple, on the whole application ?!
    },
  },
});