默认情况下，如何使所有 TextField 变小？

Question

我希望 Material UI v5 中的所有 TextField 都有一个小高度：

有没有一种方法可以让项目中的所有 TextField 都变小，而无需在每个项目中手动设置 size="small"？也许在主题中？

Answer 1

你可以用 ThemeProvider 来完成。

首先，创建主题：

const theme = createTheme({
  components: {
    // Name of the component ⚛️
    MuiTextField: {
      defaultProps: {
        // The default props to change
        size: "small"
      }
    }
  }
});

然后将您的 Demo 与传递主题的提供者包装起来：

<ThemeProvider theme={theme}>
   <Demo />
</ThemeProvider>

默认情况下，如何使所有 TextField 变小？

How to make all TextField's small by default?

reactjs

material-ui