material-ui

问题 I am trying to understand the Material UI Date Time Picker. The problem is that the given example on Codesandbox leads to errors, because the following import cannot be found: import DateFnsUtils from '@date-io/date-fns'; I already have tried unsuccessfully to get rid of that error in several tests. My guess is that it imports a corrupt version from npm . Hence, I believe it must be one of the following packages within the package.json : "date-fns": "next", "@types/date-ioDate-fns": "latest",

问题 I am trying to understand the Material UI Date Time Picker. The problem is that the given example on Codesandbox leads to errors, because the following import cannot be found: import DateFnsUtils from '@date-io/date-fns'; I already have tried unsuccessfully to get rid of that error in several tests. My guess is that it imports a corrupt version from npm . Hence, I believe it must be one of the following packages within the package.json : "date-fns": "next", "@types/date-ioDate-fns": "latest",

问题 I am trying to acheive the clipped under the app bar style temporary drawer. But I can't seem to be able to set the z index on the temporary drawer. The temporary drawer in material-ui has the z-index of the modal component which is 1300 as mentioned in the issue I raised here https://github.com/mui-org/material-ui/issues/22562. So, if I use the approach given in the documentation of setting the appbar zIndex to theme.zIndex.modal + 1 , I can get the 'clipped under the app bar` effect. But

问题 webpack - v4+ material ui - v4.9.6 react - v16.12.0 In a normal way all classes should be as the last one from the first example. In some reason on production mode, many of the classes do not change. Any idea? Example 1: <div class="MuiDrawer-root MuiDrawer-docked jss408"></div> Example 2: <div class="MuiPaper-root jss469 MuiPaper-elevation1 MuiPaper-rounded"></div> 回答1: styles className is not designed as deterministic in prod mode. But the generated class names of the @material-ui/core

问题 I created a drop-down menu by using Material-UI, and I found one thing annoying: I want to let my drop-down menu appear under the bar when I click it, but every time it just covers the bar (as the image below) Is there any way I can do to let the drop-down menu appear below the bar? (not covering the Your order label and the number) My codes are as below: I try to modify the anchorOrigin property and transformOrigin property but it didn't work. <Menu id="order-menu" anchorEl={anchorEl}

问题 I created a drop-down menu by using Material-UI, and I found one thing annoying: I want to let my drop-down menu appear under the bar when I click it, but every time it just covers the bar (as the image below) Is there any way I can do to let the drop-down menu appear below the bar? (not covering the Your order label and the number) My codes are as below: I try to modify the anchorOrigin property and transformOrigin property but it didn't work. <Menu id="order-menu" anchorEl={anchorEl}

问题 I created a drop-down menu by using Material-UI, and I found one thing annoying: I want to let my drop-down menu appear under the bar when I click it, but every time it just covers the bar (as the image below) Is there any way I can do to let the drop-down menu appear below the bar? (not covering the Your order label and the number) My codes are as below: I try to modify the anchorOrigin property and transformOrigin property but it didn't work. <Menu id="order-menu" anchorEl={anchorEl}

问题 I created a drop-down menu by using Material-UI, and I found one thing annoying: I want to let my drop-down menu appear under the bar when I click it, but every time it just covers the bar (as the image below) Is there any way I can do to let the drop-down menu appear below the bar? (not covering the Your order label and the number) My codes are as below: I try to modify the anchorOrigin property and transformOrigin property but it didn't work. <Menu id="order-menu" anchorEl={anchorEl}

问题 I created a drop-down menu by using Material-UI, and I found one thing annoying: I want to let my drop-down menu appear under the bar when I click it, but every time it just covers the bar (as the image below) Is there any way I can do to let the drop-down menu appear below the bar? (not covering the Your order label and the number) My codes are as below: I try to modify the anchorOrigin property and transformOrigin property but it didn't work. <Menu id="order-menu" anchorEl={anchorEl}

问题 I created a drop-down menu by using Material-UI, and I found one thing annoying: I want to let my drop-down menu appear under the bar when I click it, but every time it just covers the bar (as the image below) Is there any way I can do to let the drop-down menu appear below the bar? (not covering the Your order label and the number) My codes are as below: I try to modify the anchorOrigin property and transformOrigin property but it didn't work. <Menu id="order-menu" anchorEl={anchorEl}