如何使用 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 ?!
    },
  },
});