styled-components 相关问题

styled-components是一个用于样式化React应用程序的JavaScript库。它删除了样式和组件之间的映射，并允许您编写使用JavaScript扩充的实际CSS。

如何在Styled-Component中使用类

我是样式组件的新手。我想将自定义CSS转换为Styled-Component。我已经在React File中使用了className。 App.js {menus.map(item => { ...

reactjs ecmascript-6 styled-components

回答 1 投票 0

在React组件中切换语句

尝试构建一个基于prop返回几个不同样式组件的组件。以下是我得到的：const Type =（{props}）=> {const {right，center} = props;开关（...

reactjs styled-components

回答 1 投票 1

如何使用输入的handleChange避免“无参数重新分配”规则？

我正在努力构建一个React Textarea，它可以在用户输入时自动增长/缩小。我已经构建了受这个codepen启发的组件：https：//codepen.io/Libor_G/pen/eyzwOx我有这个工作......

javascript reactjs eslint styled-components

回答 1 投票 0

如何将自定义属性传递给TypeScript + StyledCompoments？

尝试在TypeScript中使用Styled Components 3时出现以下错误：TS2365：Operator'

reactjs typescript styled-components storybook

回答 1 投票 0

React：如何通过名称引用样式组件的子代

有没有办法通过名称引用样式组件的子组件？或者，除了传递硬编码的className并引用它之外没有办法解决它？ const Parent = styled.div` // ...

reactjs styled-components

回答 1 投票 1

样式组件：悬停的道具

我想在传递道具时应用＆：hover - 在这种情况下：动画const AnimationContainer = styled.div` transform：translate（0％）;过渡：0.3s缓解; ＆：悬停{...

styled-components

回答 1 投票 4

如何在不将props传递给底层DOM元素的情况下扩展样式化组件？

我有一个扩展第三方组件的样式组件：import可从'可重新调整大小'中调整大小; ... const ResizableSC =样式（可调整大小）``; export const StyledPaneContainer = ResizableSC ....

reactjs styled-components

回答 3 投票 4

React内联样式不会影响我的自定义组件

我有一个自定义组件，我需要在其使用中添加margin-top。我试过了还有const myStyle = {marginTop：'10px'}; `

javascript reactjs styled-components

回答 3 投票 1

如何在样式中显示视图（使用样式组件）视图 - React Native

我正在学习React Native和样式组件。我正在开发一个简单的iOS应用程序，并面临样式组件的一些问题。我正在尝试做什么我试图在点击上显示模态......

react-native styled-components

回答 1 投票 1

将div中的内容与样式化组件一起导出到text / html文件

这是我在div中导出内容以及样式组件到text / html文件的代码：import React，{Component} from'reaction';从'styled-components'导入样式; class App扩展...

javascript html css reactjs styled-components

回答 1 投票 2

可重复使用的样式组件的小调整

我开始在我的一个项目中使用样式组件。我想知道在使用它的容器中覆盖/扩展它们的推荐方法。例如：可重用的Button组件：const ...

css reactjs styled-components css-in-js

回答 1 投票 1

表列中的按钮不等待onClick事件[重复]

我有一个表，其中最后一列应该作为“删除项”按钮。表看起来像这样：const columns =（{onClick}）=> [{key：'type'，onRender：（item）=>（...

javascript reactjs styled-components

回答 1 投票 0

Typescript样式组件错误：“类型”{children：string; ''没有与'IntrinsicAttributes'类型相同的属性。“

在我的样式组件类型'{children：string; }'没有与'IntrinsicAttributes'.ts（2559）类型相同的属性导入来自'react'import的反应{...

javascript reactjs typescript styled-components

回答 1 投票 0

react-styled-flexboxgrid用于不同视口的不同配置

我在项目https://github.com/yldio/joyent-react-styled-flexboxgrid中使用此网格库，我想为3种不同的屏幕尺寸添加3种不同的配置（不同的gutterWidth和...

reactjs styled-components next.js

回答 1 投票 0

将输入标记的值传递给搜索按钮标记 - ReactJS

关于我如何解决此问题的任何输入......我的目标是让用户在搜索栏中搜索“Jane Smith”，点击搜索按钮并显示包含“Jane Smith”的卡片当前有...

css reactjs containers styled-components

回答 2 投票 0

在样式组件中共享样式的惯用方法？

试图将一些代码从jss移植到样式组件，jss代码看起来像：// ... const styles = {myStyles：{color：'green'}} const {classes} = jss.createStyleSheet（styles）.. ..

javascript styled-components jss

回答 2 投票 16

将所有div定位在下面两层

我试图设置所有div''下面的两层'来显示：当用户将鼠标悬停在元素上时阻止。但是，下面的代码可以正常工作，我只想将两个div分成两层。 ......

css styled-components

回答 2 投票 0

如何键入样式组件而不丢失任何使用Typescript的道具？

我是新的样式组件，我希望能够正确地键入我的样式组件，这样当我传递道具“vs代码”时，我可以自动检测我拥有的所有道具，而不仅仅是主题中的道具......

reactjs typescript styled-components

回答 2 投票 1

在性能问题的反应中，不同的样式（组件）和样式（标记名）是什么？

我是样式组件的新手，我想知道在反应的性能问题上有什么不同的样式（组件）和样式（标记名）。 styled（tagname）const StyledP = styled（'p'）``export const ...

reactjs styled-components

回答 1 投票 0

如何在react中导入自定义样式组件

我在styled-ui文件夹中有Form.js文件。 Form.js //输入导出const FormControl = styled.input` border-radius：3px; border：1px solid＃b2bec3;填充：0 10px;身高：34px;字体大小： ...

reactjs styled-components

回答 1 投票 0

styled-components 相关问题

最新问题