cost 192 ms
索環 ResponsiveContext:自定義斷點不會在屏幕尺寸減小時使文本變小

[英]Grommet ResponsiveContext : custom breakpoints not making text smaller when screen size reduced

我正在開發一個 web 應用程序,我在前端使用 grommet ui 庫進行設計。我想讓我的 web 應用程序響應,但是當我使用 ResponsiveContext 並添加斷點值時,我仍然得到相同的文本大小我將屏幕尺寸從大變小。我從索環文檔中復制了斷點值代碼 ...

有沒有辦法將新獲取的元素添加到 React 中現有的 state 數組?

[英]Is there a way to add new fetched elements to an existing state array in React?

我目前正在構建一個加載視頻並用縮略圖顯示它們的工具。 一旦我到達可滾動視圖的末尾,我希望獲取接下來的 40 個項目並將其添加到現有數組中。 為此,我使用了Grommet 的 InfiniteScroll 。 以下是代碼的重要部分: ...

使用 Grommet Chart 組件時超過最大更新深度

[英]Maximum update depth exceeded React when using Grommet Chart component

我收到以下錯誤未捕獲的錯誤:超過最大更新深度。 當組件在 componentWillUpdate 或 componentDidUpdate 中重復調用 setState 時,可能會發生這種情況。 React 限制了嵌套更新的數量以防止無限循環。 其次是: 上述錯誤發生在“圖表”組件中我唯一使用的 ...

javascript中html中的循環函數(React)

[英]Loop function inside html in javascript (React)

我想在 Html 中使用不同的輸入循環遍歷我的函數 SliderComponent 以創建多個組件。 我在網上找到了這個解決方案,我們使用“id”和“getElementById”構建字符串並以 Html 形式返回,但我無法使其工作。 我收到以下錯誤: 在: document.getEl ...

React Contextprovider 強制更新 Video Element 來播放 Video

[英]React Contextprovider force update Video Element to play Video

我正在使用這樣的 React Context 並且真的陷入了如何更新我的視頻元素(播放視頻)。 收到道具時組件不應該自動更新嗎? 這是我的代碼的簡化版本: 和(在我的情況下非常嵌套的)子組件 語言上下文.js 到目前為止一切正常,“語言”可以記錄到根組件中的控制台,但如果我嘗試將它作為參數傳遞給視 ...

Grommet - FormField 中的自定義組件

[英]Grommet - custom component in FormField

在 Grommet FormField文檔中,它在Component下聲明; 該組件可以是自定義的,只要它支持 name、value、onChange (event => {}) 的屬性,而 event 具有 event.value 或 event.target.value。 我想實現一個自定 ...

我怎樣才能讓“其他”變成一個按鈕,用戶可以在其中輸入任意數量的錢?

[英]How can I have where the 'other' turns into a button where the user can input as much money as they want?

我怎樣才能讓“其他”變成一個按鈕,用戶可以在其中輸入任意數量的錢? 我嘗試使用按鈕創建一個 const other 並將 {other} 放在選項選項卡中,例如 options={['$5', '$10', '$20', '$50', '$100', {other}]} 但是那沒有用。 我正在使用 ...

eslintrc 中的 ESLint 配置無效:- 意外的頂級屬性“import/no-extraneous-dependencies”

[英]ESLint configuration in .eslintrc is invalid: - Unexpected top-level property “import/no-extraneous-dependencies”

我正在編寫訪問網絡攝像頭的代碼,通過我的反應應用程序單擊圖片或瀏覽並從您的文件上傳圖片。 對於使用 react-html5-camera-phot 和 grommet,我遇到了這些錯誤,基本上錯誤是import/no-extraneous-dependencies錯誤。 為了解決這個問題,我運行了 ...

如何修復聚集的文本? 如何修復背景不會一直下降?

[英]How to fix the clumped up text? How to fix the background not going all the way down?

在這段代碼中,我在側邊欄上的文本不會聚集在一起。 我該如何解決? 另外,我怎樣才能將側邊欄的背景一直延伸到它與頁腳相交的點,就像區域主干一樣。 整個頁面設置在 Grommet 的網格中。 我嘗試使用代碼中顯示的填充和邊距,但它仍然不起作用。 我還嘗試了 CSS 中的一些功能,但仍然無法正常工作。 ...

如何在輪播中修復要與之交互的按鈕?

[英]How to fix button to be interacted with, in carousel?

當我嘗試將圖層/按鈕導入其中一張卡片時,它不允許單擊或與之交互。 我相信問題出在輪播上。 我有什么辦法可以解決這個問題? “CenterLayer”應該充當一個按鈕,是我遇到問題的那個。 當我輸入此代碼時,圖層作為頁腳出現在卡片上,但不允許單擊。 請問有沒有人可以幫我解決這個問題? impor ...

我怎樣才能把它變成一個工作輪播? 輪播彈出但兩個箭頭未激活

[英]How can I make this into a working Carousel? The carousel pops up but the two arrows are not active

我怎樣才能把它變成一個工作輪播,在同一個輪播旋轉中顯示 3 張或更多卡片? 這是我整理的示例代碼,在不同的旋轉中顯示更多多張卡片時遇到了麻煩。 我的目標是能夠在旋轉木馬的每個 spring(總共四次旋轉)上顯示多張卡片。 ...

在索環中的框中顯示圖像作為背景

[英]Show image as background in box in grommet

我正在嘗試使用url屬性將Box的background設置為本地圖像,但它似乎沒有生效。 我創建了一個沙箱來展示這個問題。 我在本地添加了一個 background.jpeg 圖像,我將其設置為框上的背景,但背景圖像未設置為背景。 如果我將背景圖像設置為某種顏色,比如“藍色”,它就會生效。 如何將B ...

Grommet TextArea 將多行文本導出為圖像中的單行

[英]Grommet TextArea exports multiline text as a single line in the image

我想將 Grommet TextArea導出為圖像。 如果只有一行文本,則以下代碼有效。 但是,如果我調整TextArea組件以使文本填充多行,則不會在 output 圖像中導出。 這就是它的外觀(1 - 是包含我要導出的多行TextArea的頁面,2 - 導出的TextArea ,僅包含一行文本) ...

為層或索環中的任何其他組件指定不同的主題變量

[英]Specify different theme variables for a Layer or any other compoent in grommet

我想在一個black背景的地方顯示一個Layer 。 所以,我使用下面的主題設置: 現在我想添加顯示背景transparent的另一個Layer 。 我怎樣才能做到這一點? 我看不到將theme object 傳遞給組件以單獨更改組件的某些主題參數的方法。 問題不僅限於Layer 。 同樣的事情可能 ...

不要在索環中的手風琴下方顯示邊框

[英]Don't show border below accordion in grommet

我正在為我的 web 應用程序使用grommet庫。 我想知道如何避免在 FormFields 和其他控件(例如 Accordions)下方顯示邊框。 我創建了一個沙箱來演示問題並允許測試任何建議。 https://codesandbox.io/s/grommet-accordion-issue- ...

索環主題中的自定義按鈕 hover state

[英]Custom button hover state in Grommet theme

剛開始使用 Grommet。 我一定遺漏了一些明顯的東西,因為我覺得我正在嘗試做一些相當簡單的事情。 我創建了一個自定義主題,我正在嘗試添加一個 hover state 來更改Button的背景顏色。 默認的 hover 行為保持不變,背景顏色不變。 這是我的代碼的縮寫示例: 我錯過了什么? 謝謝 ...

索環中不同斷點的 edgeSize 問題

[英]edgeSize issue on different breakpoints in Grommet

我是 Grommet 的新手,遇到了問題。 我正在嘗試為 Grommet v2.14.0 中的不同斷點設置不同的 edgeSize 值在這里你可以找到主題代碼 -> 還有一個基本的 Box 組件,其中包括 pad="large" 斷點運行良好。 但填充不是。 預期行為在 xsmall 斷點處, ...

在 styled-components 中指定從 UI 庫導入的組件的 props

[英]Specify props of a component imported from a UI library in styled-componennts

我正在使用grommet和styled-components 。 我有幾個地方使用了grommet提供的組件並設置了一些類似的道具。 我想通過使用由grommet導出的組件創建一個styled-components並使用styled-components指定設置的道具。 這可以使用styled-c ...


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