![](/img/trans.png)
[英]Is there a way to combine these 3 attributes into 1 line of code?
我正在使用import { makeStyles } from '@mui/styles'這是我的主題排版配置在此處輸入圖片描述這是文件,我想將這 3 個屬性組合成 1 行代碼。 在此處輸入圖像描述對不起,我的英語不好,所以可能會引起大家的誤解。 期待支持我想將這 3 個屬性組合成 1 行代碼 ...
[英]Is there a way to combine these 3 attributes into 1 line of code?
我正在使用import { makeStyles } from '@mui/styles'這是我的主題排版配置在此處輸入圖片描述這是文件,我想將這 3 個屬性組合成 1 行代碼。 在此處輸入圖像描述對不起,我的英語不好,所以可能會引起大家的誤解。 期待支持我想將這 3 個屬性組合成 1 行代碼 ...
[英]How to use makeStyles in latest material-ui version 5 in React
我正在使用 Material Ui 版本 5.2.7。 當我從@mui/materials/styles 導入 makeStyles 時,出現以下錯誤 - 未捕獲的錯誤:MUI:makeStyles 不再從@mui/material/styles 導出。 您必須從@mui/styles 導入它。 ...
[英]Overriding input class in TextField using makeStyles
當嘗試使用MakeStyles覆蓋TextField輸入中的填充屬性時,會創建一個名為.makeStyles-input的新 class,它在MuiOutlinedInput-root class 下優先排序。 如何在輸入class 中注入屬性(不依賴於是否使用OutlineInput或Fille ...
[英]Style only injected when save React/Material UI App.js in debugger
在下文中,您將看到我的 makeStyles 樣式沒有被正確拾取。 我試圖找出原因。 我已將代碼減少到僅比 App 組件和從 App 中呈現的簡單 Experiment 組件多不了多少。 一個特別的興趣點是,當我刷新頁面時,我看到屏幕上瞬間閃現了正確的樣式,然后才用不正確的樣式替換它。 我正在使用 ...
[英]Change the default position of options in MUI
我正在為 UI 使用MUI 。 我有一些選項,如下圖所示: 到現在為止都是完美的。 但我想將選項容器移到更底部。 (目前它設置為top: 64px ,這是默認值)。 我想將其設置為top: 100px 。 設置后會是這樣的: 我試圖實現這一點,但css不適用。 您也可以在這里嘗試: http ...
[英]How to override CSS classes made with makeStyles
注意,我使用的是 MUI 4.12.3。 在文件 AI 中,除了功能組件外,還有這個(簡化的)。 在功能組件的 return 語句中,我還將它應用於 JSX 元素(未顯示)。 這很好用。 在文件 B 中,我想覆蓋基於isDesktop的 CSS 類content 。 這可能/可取嗎? 像這樣的東 ...
[英]MUI - styles by makeStyles are damaged after update MUI and React versions
在components library中使用MUI Dropdown 。 在Storybook中運行圖書館,它工作正常。 在不同的React項目中使用該組件,設計已損壞。 下拉標簽有top: 60px ,它不應該,懸停菜單項有錯誤的background color ,菜單有額外的padding ...
[英]property x does not exist on type '(props?: any) => ClassNameMap<"x">'
我必須基於參數創建 styles,為此我已按如下方式完成。 我正在嘗試以這種方式使用它, 這讓我出錯類型 '(props?: any) => ClassNameMap<"x">' 上不存在屬性 x 我應該如何解決這個問題? 我已經嘗試設置自定義返回類型以及ReturnType&l ...
[英]React Button with mui not changing colors correctly
我的代碼看起來類似於以下內容 該按鈕根據除 colors 以外的所有內容正確呈現。它甚至在 hover 上呈現默認的反應按鈕 colors。我該如何解決這個問題? 提前致謝! 我嘗試將 <Button> 標記更改為默認的 html <button> 標記,並且 colors ...
[英]passing default theme in material UI5
有人可以解釋一下如何在 Material UI5 中傳遞 defauklt 主題嗎在 Material UI6 中我曾經這樣做 但是當我通過 M-UI5 文檔(據我所知)時,沒有關於如何完成的解釋,他們提到的關於 makeStyle 的唯一部分它包含此頁面文檔中的代碼 所以我想在每個組件上運行 cr ...
[英]Writing makeStyle in Material UI
我需要在 Material UI 的 makeStyles function 中將以下 CSS 值作為字符串寫入,該怎么做? 我這樣試過,但顯然是不正確的 ...
[英]makeStyles in Material UI not applying
我正在嘗試使用來自 Material ui 的 makeStyles 和 react js 來設置我的 pahe 樣式。 它在某些頁面上對我有用,但即使我使用相同的樣式元素(如背景顏色),它們中的大多數也無法正常工作。 在下面的代碼中,只有 pageTitle 有效。 ...
[英]React makeStyle is not working properly and causes other components to disappear
我查看了一個教程並在我的 App.js 中編寫了完全相同的代碼來使用makeStyles創建樣式按鈕,但它沒有用。 每當我使用makeStyles時,它都會導致其他組件消失。 我嘗試在沒有任何其他組件的情況下獨立使用它,但效果不佳。 這是我的App.js一切都應該可以正常工作,但是..... ...
[英]How to disable ripple effect on primary action in react material lists
我試圖在列表組件的左端和右端有兩個操作按鈕。 單擊secondary action (right side delete icon)時,漣漪僅限於唯一的圖標。 單擊primary action(left delete icon)時,漣漪效應會影響整行。 預期行為: 我想要主要的漣漪效應,類似於次要動 ...
[英]How to make different styles using makeStyles in React JS Material-UI?
我是 React JS 和 Material UI 的初學者。 我正在嘗試制作不同的 styles 按鈕。 例如,如果按鈕屬性名稱= submit,ok,cancel,confirm,alert,則每個按鈕的 styles 應該彼此不同應用程序.JS 按鈕.JS ...
[英]Why am i unable to override Material UI styles using makeStyle
我無法覆蓋材質 UI Appbar styles 除非我在組件內使用 sx 來設置樣式或在 makeStyle 類中使用 use.important。 我不想使用 sx,因為我希望組件看起來整潔:我的代碼如下所示: 如果有人可以向我解釋覆蓋 Material UI styles 的最佳方法,那將是 ...
[英]makeStyles with TypeScript - pass props to make styles explanation
我正在使用 Material-UI makeStyles function 和TypeScript 我在這里找到了如何做到這一點的解決方案並且它正在工作: 但我試圖了解事情是如何運作的。 我不明白<Theme, StyleProps>部分。 我查看了 StackOverflow 上有關此 ...
[英]react appbar width not sizing properly
在我的反應項目中,我試圖調整 appbar 的寬度。 截至目前,它被推到最左邊,如下圖所示。 我嘗試使用的自定義 class 沒有做任何事情。 沒有錯誤消息,只是不工作。 有誰看到我做錯了什么? ...
[英]Material UI makeStyles not changing the css properties of all elements
在安裝npm install @mui/styles后,我已經從文檔中復制了這段代碼:import * as React from 'react'; import { makeStyles } from '@mui/styles'; import Button from '@mui/material ...
[英]Pivotting a material UI dialog in the center of the screen when it's height may vary
我有一個 MUI 對話框,由於它是由用戶過濾的列表,因此它的高度會有所不同。 它最終很煩人,因為對話框“跳來跳去”屏幕試圖保持它的中心 position 隨着它的增長和縮小。 這是它的樣子: 針對這個特定問題的一個簡單解決方案就是通過 classes 屬性從dialogPaper中取消設置alig ...