styled-components

    0熱度

    1回答

    我有以下組成部分: // Styled component. export const StyledBtn = styled.button` height: ${(height) => height}; `; // Functional component. const Btn = ({ height }) => <StyledBtn height={height} />;

    0熱度

    1回答

    首先,抱歉的模糊標題。 我試圖讓一個微調器有一個標籤。 而我的微調器組件是像下面。 const rotate360 = keyframes` from { transform: rotate(0deg); } to { transform: rotate(360deg); } ` const Circle = styled.d

    4熱度

    1回答

    我有一個多入口點webpack構建,我正致力於優化生產的工件大小。 webpack-bundle-analyzer產生如下圖: 很明顯的是,AtlasKit依賴關係佔總數的神器大小的一大塊。具體來說,我看到styled-components.es.js重複多次。更重要的是,這種相同的依賴關係也存在於vendor.js中,它本身在所有其他包中共享。 任何人都可以解釋爲什麼styled-compone

    2熱度

    2回答

    我似乎無法使用樣式組件設計PrimeReact組件。 鑑於下面的代碼來呈現一個InputText,我的目的是改變它的寬度。但它不起作用。 import styled from "styled-components"; import {InputText} from 'primereact/components/inputtext/InputText'; class Component ext

    0熱度

    2回答

    我正在使用Next.js,MaterialUI和樣式組件構建一個使用SSR的新項目。據我所知,MaterialUI使用JSS作爲SSR的工具(根據倉庫中的example)。我想知道有沒有人知道我可以如何使它與樣式組件一起工作。我在MaterialUI和樣式組件庫中打開了問題,兩位作者都回答我說他們不知道如何使它一起工作。但是可能任何人都已經做到了?或者至少可以告訴我在哪裏挖掘解決這個問題。提前致謝

    1熱度

    1回答

    我正在使用樣式組件處理我的react-native項目,我想知道如何從子元素獲取父項道具..這裏是一個例子, 2風格的組件 const First = styled.View` display: flex; width: 50px; height: 50px; background-color: ${props => props.selected ? 'bl

    -4熱度

    1回答

    我有這個組件的HTML,我的問題是,如果這是不好的做法?必須在對象變量(CSS模塊)或樣式組件中具有樣式? 有官方的風格系統推薦,如反應原生? https://facebook.github.io/react-native/docs/style.html return ( <div style={{display: 'flex', height: '100vh'}}> <Menu

    0熱度

    1回答

    我使用InfernoJS作爲React的替代方案。沒有inferno-compat,可以在Inferno中使用styled-components嗎?

    0熱度

    1回答

    我試圖使用CSS內容attr功能把一個SVG圈內百分比數字,像這樣: content: attr(data-percent)%; 僞元素不會被渲染因爲Styled組件似乎無法在最後處理%。如果我刪除它,它可以工作,但我希望數字顯示爲20%,此格式對常規CSS有效。 有沒有我在這裏失蹤的東西,還是與圖書館的限制? const Div = styled.div` position: rela

    2熱度

    1回答

    我試圖讓redux-form與TypeScript和樣式組件一起工作。在下面的代碼示例中,爲什麼它不適用於樣式化的輸入組件?輸入呈現,但每次按鍵都會丟失焦點。它也需要兩次點擊來聚焦元素。看起來像redux-form試圖控制從樣式組件返回的包裝元素? redux-form和styled-components都使用HOC - 高階組件將道具傳遞給底層元素。 export interface ITxtP