小编典典

是否可以覆盖material-ui组件的默认道具?

reactjs

可以说我希望每个Button组件material-ui都具有默认的道具variant="contained" color="secondary"吗?


阅读 244

收藏
2020-07-22

共1个答案

小编典典

此处的文档位于:https
//material-ui.com/customization/globals/#default-props

这是如何执行此操作的示例:

import React from "react";
import ReactDOM from "react-dom";

import {createMuiTheme, MuiThemeProvider, Button} from "@material-ui/core";

const theme = createMuiTheme({
  props: {
    MuiButton: {
      variant: "contained",
      color: "secondary"
    }
  }
});
function App() {
  return (
    <MuiThemeProvider theme={theme}>
      <Button>Props defaulted</Button>
    </MuiThemeProvider>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

编辑默认道具

2020-07-22