react-bootstrap

0熱度

1回答

React-Bootstrap和Bootstrap-sass modal.scss not loading

我有一個反應應用程序，它使用react-bootstrap + bootstrap-sass。 I'm裝在我的主app.scss的bootstrap.scss文件是這樣的： @import '~bootstrap-sass/assets/stylesheets/_bootstrap'; 在我的網頁，我實現了從陣營的自舉一個簡單的組件。但模態窗口沒有任何CSS，所以它看起來非常糟糕。從來就試

1熱度

3回答

如何獲取：在React渲染後的組件寬度

我試圖創建一個通用組件，可以在其他應用程序中重用。我需要知道渲染後組件的寬度，以便我可以修改組件的內容。我一直試圖在反應中使用不同的生命週期而沒有成功。 componentDidUpdate() { console.log('width', this.element.offsetWidth); } render() { return ( <div ref={(e

1熱度

1回答

反應，引導網格佈局列渲染爲行

我有以下的渲染方法，我期待在我的佈局兩列，但我得到兩行代替： render() { return ( <div> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css" /> <link rel="stylesheet"

1熱度

2回答

將Konova圖像調整爲父元素的全寬

當點擊圖像時，我有一個反應組件將圓圈覆蓋到圖像上。我無法找到調整圖像大小的好方法，因爲它似乎只將pxl作爲一個值。我想使它成爲父元素的全部寬度。我正在使用react-konva和react-bootstrap。 import { PageHeader, Grid, Row, Col, ListGroup, ListGroupItem, Table, Panel, ButtonToolbar,

2熱度

1回答

材質UI上的默認導航欄是否像Bootstrap一樣存在？

我發現很難在Material UI上使用菜單創建導航欄。我讀過它的AppBar文檔。但是，似乎他們沒有提供這個功能。 1）材料UI AppBar 2）反應引導導航欄如何在材質UI創建導航欄菜單等反應引導呢？

0熱度

1回答

使用pullRight道具溢出右浮動導航|反應-引導/反應

這裏是我的超級基本反應成分呈現使用react-bootstrap一個導航欄： import React, { Component } from "react"; import { Nav, NavItem, Navbar, Grid } from "react-bootstrap"; import { LinkContainer } from "react-router-bootstrap";

1熱度

1回答

React-jest-enzyme：在調用回調之前先測試調用另一個函數的子組件的回調

我正在測試傳遞給子組件的回調是在點擊子組件中的按鈕後調用的。我使用.simulate('click')函數來模擬react-bootstrap按鈕<Button></Button>。問題是我的按鈕的onClick()函數調用另一個函數update()，該函數調用傳遞給我的子組件的handleSave回調函數。 <FormControl/>元素的onKeyPress函數也調用我的組件的更新函數。這

0熱度

1回答

Reactjs - 表格行上的不同列布局會影響其他表格行

我遇到此問題，如果將不同的列布局應用於React中的不同行，它會混淆其他行的列布局。例如，SpecialRows是我想要顯示的表中的行。 SpecialBar是存在於包含過濾，搜索等其他內容的表格上方的一個條。 SpecialBar與SpecialRow有不同的列布局，但是當我這樣做時，SpecialRow的列現在模仿SpecialBar的列，並將所有數據壓扁到右側。任何想法可能發生什麼？ cl

5熱度

2回答

爲什麼我們需要reactjs-bootstrap如果有簡單的方法？

我一直在使用反應或角度開發web應用程序，但我很困惑爲什麼人們會使用類似react-bootstrap（https://react-bootstrap.github.io/introduction.html）或Angular-bootstrap的庫？因爲當我創建時，我只需要使用鏈接標籤和相應的js庫加載css框架，然後在reactjs方面，我只需要放置組件所需的類。這聽起來不容易嗎？謝謝，

1熱度

2回答

當使用<ButtonGroup>作爲「undefined」時，反應引導程序

我使用純HTML來使用html的select標記。現在，我試圖用react-bootstrap替換HTML部分。除了react-bootstrap標籤之外，我有類似的東西，但是每當我使用<ButtonGroup>的react-bootstrap而不是select純HTML標籤時，我都會收到不確定的結果。這是工作： <select onChange={this.groupBySelector}>