react-bootstrap

0熱度

1回答

我要建一個下拉組件的幫助下操作菜單，看起來像這樣的MenuItems： const ActionMenu = ({ children, heading, ...props }) => { return ( <NavBarTopLeft> <Dropdown id={newId("action_menu")} bsSize="small"> <Dropd

0熱度

1回答

React-bootstrap - TABS組件 - 渲染子組件

我試圖在每個react-bootstrap的選項卡中像這樣渲染子組件。但我真的不明白它是如何工作的。一探究竟。我試圖在第一個選項卡內呈現組件subNavbarDashboard。 import React, { Component } from 'react'; import './navbar.css' import Tabs from 'react-bootstrap/lib/Tabs'

0熱度

1回答

陣營引導導航欄不工作

我已經沒有NPM安裝的反應，引導和做進口{導航，導航欄，NavItem，菜單項，NavDropdown}從「反應自舉」; 開頭，但我得到這個錯誤模塊構建失敗：語法錯誤：意外的令牌，預計，與逆這是<導航欄倒數collapseOnSelect> 這裏是我的代碼，使法中反應組分

0熱度

1回答

React TypeScript 2.3 - > typesafe React Bootstrap FormControl onChange

使用此代碼時，我收到錯誤Property 'type' does not exist on type 'EventTarget'。 checked,value和name也是如此。繼代碼後，我可以看到FormEvent繼承自SyntheticEvent，後者又有target: EventTarget。 EventTarget沒有我之後的屬性。如果我將event標記爲any（event: any），

1熱度

2回答

REACT自舉重複的模態分量

出於某種原因，模態呈現多於一個的時間，有時2或3。然後，在幾秒鐘後的模態aditionals將自動刪除。的模式是由航線開通，所以我做somethig這樣的： const ModalWrapper = (props) => { return ( <Modal show={props.showModal} onHide={props.hide} >

2熱度

3回答

標籤只安裝在它第一次成爲選項卡的內容積極

我想加載僅在第一次被激活的標籤內容，該內容停留在DOM 這之後是我 <Tabs defaultActiveKey={1} animation={false} id="my-tabs" mountOnEnter unmountOnExit> <Tab eventKey={1}> <div>content1</div> </Tab> <Tab eventKey

0熱度

2回答

根據用戶輸入呈現組件的次數

我想呈現一個組件的基於用戶輸入的次數。例如，我有一個問題，詢問您要創建多少個文件夾，並在文件夾旁邊提供一個數字。基於任何數字，我想要在屏幕上呈現該時間量（假設我在另一個文件中創建了一個框）。我該怎麼做呢？我是在我的Box.js文件（下面）或我的組件是App.js文件中執行此操作嗎？我需要一個簡單而詳細的解釋，因爲我是React的新手。使用我的代碼引導陣營： const Box = (props)

1熱度

2回答

如何在三元表達式中使用null？

我正在使用<ListGroup>和<ListGroupItem>來渲染頁面，並使用react和react-bootstrap。以下是我的代碼，當狀態不是'1'時，我嘗試使用bsStyle='info'，當狀態爲'1'時，請將其留空。 <ListGroup> {tables.map(table => ( <ListGroupItem key={`table.${tabl

1熱度

3回答

如何更換react-bootstrap中的容器類

我安裝了react-bootstrap，並且已經證明我可以使用網格組件，這是我的主要需求。但是爲什麼沒有找到「容器」，我應該如何包裝我的最外層內容，以便我的頁面具有頁邊空白以及其他任何通常由引導程序設置的內容？我知道我可以使用普通的CSS，但（a）容器不會比較乾淨，無法匹配內部的引導程序，（b）除了邊距外，還有什麼應該包含所有內部的東西以及仍然有它的工作好？

0熱度

1回答

react-bootstrap模態重寫類不工作

我試圖去除react-bootstrap模態上的陰影。我的模態代碼是 <Modal show={this.props.modalDetails} onHide={this.props.close} animation={false} dialogClassName='trade-detail-dialog' > <Modal.Header clos