cost 216 ms
ReactJS 使用 ReactStrap - 折疊條件不工作

[英]ReactJS using ReactStrap - Collapse Condition Not Working

我目前正在使用一個簡單的 boolean state 更改可折疊導航欄,當單擊切換按鈕時,根據 boolean,顯示或不顯示折疊菜單。 我一直被這個問題困擾,我檢查了很多問題和博客、教程等……它們都使用以下語句。 但是,此語句給我一個錯誤如下; react_devtools_backend.js: ...

Reactstrap:“相鄰的 JSX 元素必須包裹在封閉標簽中”?

[英]Reactstrap: "Adjacent JSX elements must be wrapped in an enclosing tag"?

我正在嘗試為我的 React 課程制作一個虛假的購物網站,但我不斷收到以下消息: 解析錯誤:相鄰的 JSX 元素必須包含在封閉標記中。 您想要一個 JSX 片段 <>...</> 嗎? (53:6) 下面是理論上應該有效的代碼。 這是 GitHub 存儲庫,如果有人想在本 ...

如何忽略 ReactStrap 默認字體?

[英]How to ignore ReactStrap default font?

我正在開發一個 React 應用程序,我剛剛添加了一些 react-bootstrap 組件。 問題是默認的引導字體影響了我所有的文本。 我只在網上找到了一個解決方案,建議在入口文件中鏈接一個 css 並將字體導入和 css 字體屬性放在那里,但這對我來說沒有任何改變。 這是我的 index.js ...

IntegrationError:stripe.confirmPayment() 的無效值:React Stripe 中出現錯誤

[英]IntegrationError: Invalid value for stripe.confirmPayment(): Getting error in React Stripe

我已經將條紋@stripe/react-stripe-js: ^1.8.1集成到我的項目中。 Stripe 表單工作正常,它會彈出一個付款表單,但是當我在表單中輸入付款信息並按下提交按鈕時,這些錯誤會返回。 它返回此錯誤IntegrationError: Invalid value for str ...

如何將 ID 從表行傳遞到模態

[英]How to pass an ID to a modal from a table row

我正在嘗試將正文中的一些參數發送到我的后端: 我有一個包含一些記錄的表,我在每條記錄中放了一個按鈕來打開模態然后在此模式中接收兩個輸入,並通過模式內的按鈕發送到請求中的正文。 您已成功發送模態條目。 一切都在后台正常運行。 我沒有成功發送 ID,但我仍然需要 ID,但我不知道如何將它從表傳遞到模態。 ...

Reactstrap:防止在選擇項目時關閉下拉菜單

[英]Reactstrap: Prevent closing drop down menu when an item is selected

一個DropdownItem包含一個搜索Input ,因此當用戶單擊它時,我需要下拉菜單保持打開狀態,以便他鍵入他需要搜索的內容: 我嘗試了不同的東西,正如您在onClick中看到的那樣,以及在 SO 上的類似問題中提到的其他東西,但沒有任何效果。 ...

呈現模態后調用 function

[英]Call a function after the modal is rendered

我在 reactstrap Modal 中有一個 div,我想調用我的 function 來獲取這個 div 的屬性(在它被渲染之后)。 我在useEffect上嘗試過 useEffect,我在那個 div 上嘗試過modalShow ,我試過在 div 中調用 function。 但問題是我的 ...

Uncaught TypeError: fieldRef.focus is not a function error in React-hook-form setFocus with Reactstrap 輸入

[英]Uncaught TypeError: fieldRef.focus is not a function error in React-hook-form setFocus with Reactstrap Input

我正在使用 react-hook-form 來管理我的表單。 我希望我的界面在錯誤提交時滾動到第一個錯誤字段,但我每次使用setFocus時都會收到此錯誤 這是我的 controller 代碼 這是我的 setFocus 代碼塊 我以某種方式設法為它創建了一個沙箱,但它沒有顯示相同的錯誤。 雖然它在 ...

如何制作兩個不相關的垂直對齊組件?

[英]How to make two vertical aligned components which are not related?

我正在嘗試在 Reactstrap 中重新創建一個簡單的布局。 我需要兩個垂直列,我將根據條件在其中注入組件。 左右列的數據不相關。 我需要布局,我將在左側注入組件,並且僅在那里,反之亦然。 所以它看起來像這樣: 我嘗試了許多不同的變化。 也許我錯了,但我認為我需要兩個垂直行,它們將是列,但我真 ...

當我點擊任何一個手風琴時,所有手風琴同時折疊

[英]All accordions collapsed at the same time when I click on any one

我正在用 reactstrap 制作手風琴,但是當我想打開一個手風琴時,所有手風琴都崩潰了,我希望每個手風琴都單獨工作我在其中創建了 2 個組件的代碼 即使我在手風琴文件中寫下狀態,它與公司手風琴的結果相同 結果結果 ...

使用 Reactstrap 格式化的登錄頁面和導航欄(垂直和自定義背景和文本顏色)

[英]Login page and NavBar formatted with Reactstrap (Vertical and with custom background and text color)

我正在嘗試創建一個登錄頁面,它可以讓我訪問顯示 NavBar 的主站點。 我正在使用 ReactStrap,我找不到使 NavBar 垂直而不是水平的方法,也沒有設置背景和文本顏色和圖像。 我可以實現條件渲染(讓管理員用戶訪問一些功能,如添加產品、其他用戶和進行購買,而賣家用戶只允許進行銷售和查看 ...

輸入一個對象並發送到后端

[英]Enter an object and send it to the backend

我有一個電子商務項目,該項目包含一個用於創建產品的界面,以及一個用於創建包含多個字段的產品的界面 這些是它們出現在后端的字段: 並且在后端請求中很清楚有一個對象,其中有三個字段,標題,描述,標簽“字符串數組” 我的問題是我不知道如何輸入對象和數組“標簽” ...

讓 Offcanvas 與 reactstrap 一起工作的問題

[英]Issues getting Offcanvas working with reactstrap

我正在使用舊的反應應用程序。 我想使用 reactstrap 中的 Offcanvas 組件,但我使用的版本沒有安裝。 由於該應用程序相當舊,我嘗試通過並立即更新所有內容。 然而,這破壞了應用程序。 所以為了保持理智,我試圖只更新 reactstrap 庫。 我跑了npm update react ...

通過 element_id.className 定位 CSS 中的模式不起作用

[英]Targeting modals in CSS through element_id .className does not work

我正在嘗試在我的應用程序中實現暗模式。 這個想法是將其添加到根元素: 然后在 CSS 中: 然后在 Css 中,使用類自定義每個 dom 元素。 例如,在這里我將處理卡片: 現在,這工作得很好。 但是,對於Modals ,它不起作用。 我認為這是因為最初沒有渲染模態框,所以出於某種原因,深色樣式不適 ...

你如何在reacstrap 4輸入占位符中使用帶有FontAwesome unicode的變量作為占位符

[英]How do you use a variable with FontAwesome unicode as a placeholder in reacstrap 4 Input placeholder

我目前正在使用 reactstrap 4 Input 組件,當我將占位符設置為靜態字符串時,一切看起來都很棒(注意:FontAwesome 字體在應用程序中加載得更高,你可以看到它工作正常): 但是,我現在需要使占位符文本動態化並將其作為道具傳遞。 當我這樣做時,一切都會中斷,而不是顯示 ...

如何使下拉菜單項的寬度與內容的寬度完全一致?

[英]How can I make dropdown menu items width exactly the width of the content?

我正在使用Reactstrap 下拉菜單: 問題是DropdownItem寬度對於我要顯示的字母 A來說太大了: 我希望DropdownItem的寬度與內部元素所需的寬度相同。 在這種情況下,字母 A 。 當我檢查下拉菜單時,我看到的是: 這些是相關的CSS classes : 我 ...


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