cost 74 ms
有沒有辦法將這 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 行代碼 ...

React中最新material-ui版本5中如何使用makeStyles

[英]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 導入它。 ...

使用 makeStyles 在 TextField 中覆蓋輸入 class

[英]Overriding input class in TextField using makeStyles

當嘗試使用MakeStyles覆蓋TextField輸入中的填充屬性時,會創建一個名為.makeStyles-input的新 class,它在MuiOutlinedInput-root class 下優先排序。 如何在輸入class 中注入屬性(不依賴於是否使用OutlineInput或Fille ...

僅在調試器中保存 React/Material UI App.js 時注入樣式

[英]Style only injected when save React/Material UI App.js in debugger

在下文中,您將看到我的 makeStyles 樣式沒有被正確拾取。 我試圖找出原因。 我已將代碼減少到僅比 App 組件和從 App 中呈現的簡單 Experiment 組件多不了多少。 一個特別的興趣點是,當我刷新頁面時,我看到屏幕上瞬間閃現了正確的樣式,然后才用不正確的樣式替換它。 我正在使用 ...

更改 MUI 中選項的默認 position

[英]Change the default position of options in MUI

我正在為 UI 使用MUI 。 我有一些選項,如下圖所示: 到現在為止都是完美的。 但我想將選項容器移到更底部。 (目前它設置為top: 64px ,這是默認值)。 我想將其設置為top: 100px 。 設置后會是這樣的: 我試圖實現這一點,但css不適用。 您也可以在這里嘗試: http ...

如何覆蓋使用 makeStyles 創建的 CSS 類

[英]How to override CSS classes made with makeStyles

注意,我使用的是 MUI 4.12.3。 在文件 AI 中,除了功能組件外,還有這個(簡化的)。 在功能組件的 return 語句中,我還將它應用於 JSX 元素(未顯示)。 這很好用。 在文件 B 中,我想覆蓋基於isDesktop的 CSS 類content 。 這可能/可取嗎? 像這樣的東 ...

MUI - 更新 MUI 和 React 版本后,makeStyles 的樣式被損壞

[英]MUI - styles by makeStyles are damaged after update MUI and React versions

在components library中使用MUI Dropdown 。 在Storybook中運行圖書館,它工作正常。 在不同的React項目中使用該組件,設計已損壞。 下拉標簽有top: 60px ,它不應該,懸停菜單項有錯誤的background color ,菜單有額外的padding ...

類型 '(props?: any) => ClassNameMap<"x">' 上不存在屬性 x

[英]property x does not exist on type '(props?: any) => ClassNameMap<"x">'

我必須基於參數創建 styles,為此我已按如下方式完成。 我正在嘗試以這種方式使用它, 這讓我出錯類型 '(props?: any) =&gt; ClassNameMap&lt;"x"&gt;' 上不存在屬性 x 我應該如何解決這個問題? 我已經嘗試設置自定義返回類型以及ReturnType&l ...

帶有 mui 的 React Button 沒有正確更改 colors

[英]React Button with mui not changing colors correctly

我的代碼看起來類似於以下內容 該按鈕根據除 colors 以外的所有內容正確呈現。它甚至在 hover 上呈現默認的反應按鈕 colors。我該如何解決這個問題? 提前致謝! 我嘗試將 &lt;Button&gt; 標記更改為默認的 html &lt;button&gt; 標記,並且 colors ...

在材質 UI5 中傳遞默認主題

[英]passing default theme in material UI5

有人可以解釋一下如何在 Material UI5 中傳遞 defauklt 主題嗎在 Material UI6 中我曾經這樣做 但是當我通過 M-UI5 文檔(據我所知)時,沒有關於如何完成的解釋,他們提到的關於 makeStyle 的唯一部分它包含此頁面文檔中的代碼 所以我想在每個組件上運行 cr ...

Material UI 中的 makeStyles 不適用

[英]makeStyles in Material UI not applying

我正在嘗試使用來自 Material ui 的 makeStyles 和 react js 來設置我的 pahe 樣式。 它在某些頁面上對我有用,但即使我使用相同的樣式元素(如背景顏色),它們中的大多數也無法正常工作。 在下面的代碼中,只有 pageTitle 有效。 ...

React makeStyle 無法正常工作並導致其他組件消失

[英]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)時,漣漪效應會影響整行。 預期行為: 我想要主要的漣漪效應,類似於次要動 ...

為什么我無法使用 makeStyle 覆蓋 Material UI styles

[英]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 - 通過道具制作styles解釋

[英]makeStyles with TypeScript - pass props to make styles explanation

我正在使用 Material-UI makeStyles function 和TypeScript 我在這里找到了如何做到這一點的解決方案並且它正在工作: 但我試圖了解事情是如何運作的。 我不明白&lt;Theme, StyleProps&gt;部分。 我查看了 StackOverflow 上有關此 ...

反應 appbar 寬度未正確調整大小

[英]react appbar width not sizing properly

在我的反應項目中,我試圖調整 appbar 的寬度。 截至目前,它被推到最左邊,如下圖所示。 我嘗試使用的自定義 class 沒有做任何事情。 沒有錯誤消息,只是不工作。 有誰看到我做錯了什么? ...

當高度可能不同時,在屏幕中心旋轉材質 UI 對話框

[英]Pivotting a material UI dialog in the center of the screen when it's height may vary

我有一個 MUI 對話框,由於它是由用戶過濾的列表,因此它的高度會有所不同。 它最終很煩人,因為對話框“跳來跳去”屏幕試圖保持它的中心 position 隨着它的增長和縮小。 這是它的樣子: 針對這個特定問題的一個簡單解決方案就是通過 classes 屬性從dialogPaper中取消設置alig ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM