material-ui

问题 After upgrading to @material-ui/core 4.11.2, I got warnings with my select components. This is happens because data aren't available at the time I'm rendering the select. You can see my issue on github: https://github.com/mui-org/material-ui/issues/24041 To correct that, languages need to be available before rendering the select component. Now, I want to correct my code, but I'm totally lost, I don't know how to do that. Here my select component: <FormControl> <InputLabel htmlFor="lang">

问题 After upgrading to @material-ui/core 4.11.2, I got warnings with my select components. This is happens because data aren't available at the time I'm rendering the select. You can see my issue on github: https://github.com/mui-org/material-ui/issues/24041 To correct that, languages need to be available before rendering the select component. Now, I want to correct my code, but I'm totally lost, I don't know how to do that. Here my select component: <FormControl> <InputLabel htmlFor="lang">

问题 After upgrading to @material-ui/core 4.11.2, I got warnings with my select components. This is happens because data aren't available at the time I'm rendering the select. You can see my issue on github: https://github.com/mui-org/material-ui/issues/24041 To correct that, languages need to be available before rendering the select component. Now, I want to correct my code, but I'm totally lost, I don't know how to do that. Here my select component: <FormControl> <InputLabel htmlFor="lang">

问题 I'm using Material-UI and building a timeline. My code is as follows: <Timeline align="right" className={classes.monthlyContainer}> <TimelineItem > <TimelineSeparator className={classes.timelineSeparator}> <TimelineDot className={classes.timelineDot} /> <TimelineConnector className={classes.timelineConnector} /> </TimelineSeparator> {(data.map(url => <TimelineContent className={classes.memsImageContainer}> <img className={classes.memsImage} src={url} alt="MEMs" /> </TimelineContent> ))} <

问题 I'm trying to structure the following form layout using MaterialUI Grid components and fields: +-----------------------------------------+ |Form | | | | +--------------+ +----------------+ | | |Field_1 | |Field_2 | | | +--------------+ +----------------+ | | +--------------+ +---------+ +--------+ | | |TextArea | |Popup_A1 | |Popup_A2| | | | | +---------+ +--------+ | | | | +---------+ +--------+ | | | | |Popup_B1 | |Popup_B2| | | | | +---------+ +--------+ | | | | +---------+ +--------+ | |

问题 I am using Material-UI Menu. It should work as it was, but just using mouse hover, not click. Here is my code link: https://codesandbox.io/embed/vn3p5j40m0 Below is the code of what I tried. It opens correctly, but doesn't close when the mouse moves away. import React from "react"; import Button from "@material-ui/core/Button"; import Menu from "@material-ui/core/Menu"; import MenuItem from "@material-ui/core/MenuItem"; function SimpleMenu() { const [anchorEl, setAnchorEl] = React.useState

问题 I am using Material-UI Menu. It should work as it was, but just using mouse hover, not click. Here is my code link: https://codesandbox.io/embed/vn3p5j40m0 Below is the code of what I tried. It opens correctly, but doesn't close when the mouse moves away. import React from "react"; import Button from "@material-ui/core/Button"; import Menu from "@material-ui/core/Menu"; import MenuItem from "@material-ui/core/MenuItem"; function SimpleMenu() { const [anchorEl, setAnchorEl] = React.useState

问题 I am new on react and typescript. I am trying to extend the color palette on a global theme. in my themeConitainer.tsx import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme'; declare module '@material-ui/core/styles/createPalette' { // allow configuration using `createMuiTheme` interface Palette { accent: PaletteColor } interface PaletteOptions { accent: PaletteColorOptions, tertiary: PaletteColorOptions } }; const ThemeContainer: React.FunctionComponent<Props> = (props,

问题 I am new on react and typescript. I am trying to extend the color palette on a global theme. in my themeConitainer.tsx import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme'; declare module '@material-ui/core/styles/createPalette' { // allow configuration using `createMuiTheme` interface Palette { accent: PaletteColor } interface PaletteOptions { accent: PaletteColorOptions, tertiary: PaletteColorOptions } }; const ThemeContainer: React.FunctionComponent<Props> = (props,

问题 I am new on react and typescript. I am trying to extend the color palette on a global theme. in my themeConitainer.tsx import { ThemeOptions } from '@material-ui/core/styles/createMuiTheme'; declare module '@material-ui/core/styles/createPalette' { // allow configuration using `createMuiTheme` interface Palette { accent: PaletteColor } interface PaletteOptions { accent: PaletteColorOptions, tertiary: PaletteColorOptions } }; const ThemeContainer: React.FunctionComponent<Props> = (props,