作为一名新手程序员，使用React for前端处理个人项目。 我想创建一个使用styled-components包的按钮组件，可以在应用程序中重新使用在略有不同的大小，颜色和悬停行为。到目前为止，我只在几种情况下使用过它，组件的代码已经变得有点笨拙了。现在看起来是这样的： import styled from 'styled-components';
import { Link } from &#
浏览 9提问于2020-11-11得票数 1
我试图根据React中的样式组件中的useState钩子来更改输入背景。true); <input id="input"/> 下面是我的样式组件代码
浏览 6提问于2022-01-07得票数 3
回答已采纳
我的样板带有样式组件模块。以下是另一个组件： <form onSubmit={this.handleFormSubmit}> <button type="submit">Submit</button>)
我只想把css添加到这件事上，但我不能。所以我想我会学习如何
浏览 2提问于2017-09-05得票数 0
回答已采纳
当我直接使用带样式的组件时，会呈现以下组件： <Container> Works</Fragment>export const Container = s
浏览 0提问于2020-06-10得票数 1
3回答
我有合成组件。当单击父组件时，应该能够将道具传递给子组件。import React from "react"import Search from ".<Search onClick={toggleSearch}
浏览 5提问于2019-10-06得票数 5
回答已采纳
通常，当使用纯CSS时，我有一个包含以下内容的样式表： height: 100%; font-size: 14px;在React项目中使用styled-components时，如何设置html或body标记的样式？
浏览 1提问于2017-10-16得票数 62
回答已采纳
1回答
我试图在我的rollup.config.js中添加样式组件作为下面的复制，但是它会引发一个错误。如何处理styled-components？// rollup.config.js ...external: ['react', 'react-router-dom/Link', 'styled-components'],
...:<e
浏览 0提问于2017-06-18得票数 4
使用带有语义UI React的样式组件创建的组件不会保留原始SUIR组件中的props类型。 不带样式的组件 如果没有设置样式的组件，SUIR组件属性类型信息将被保留。的类型为 onClick?带有样式的组件 当我使用styled-components时，SUIR组件属性的类型信息会丢失。import styled from "styled-co
浏览 16提问于2020-12-06得票数 0
在我的React+StyledComponent应用程序中，有一个主题文件，如下所示：const colors = { '#14161B','#2E2E34', ], colors,目前，我可以很容易地使用这些颜色来设计组件的样式如下MyStyledContainer = styled.div`
浏览 2提问于2018-04-14得票数 3
回答已采纳
1回答
我正在尝试创建一些按钮的变体，并决定使用带样式的组件来实现这一点。但是，我在尝试将变量按钮从子元素传递到包含所有变体的父元素时遇到了一些问题。 目前，我有一个导入Button.js组件的导航栏。中的按钮： <Button default label="Game" />
<Button secondary label="Dictionary" /> 但是，在我的Button.js文件中，我尝试通过使用道具来
浏览 22提问于2021-04-15得票数 0
原语支持样式的组件是令人兴奋的..。13 11 | > 13 | const Body = styled.div`import React from
浏览 5提问于2017-06-29得票数 1
1回答
从不同的文件扩展样式组件
、、、
当我在不同的文件中使用这个组件时，我试图实现的是能够在我的Button.tsx中添加额外的样式(本质上是扩展样式)。我能做的一件事是：import React from 'react'
interface IButton这个解决方案的问题是，如果我决定增加更多的按钮，我总是必须回到这个文件，然后添加不同的变体，这可
浏览 3提问于2019-12-08得票数 0
回答已采纳
我很难让我的样式组件对封装在React组件中的<input />进行更改。在Dev工具中，我可以在这里看到我试图覆盖的样式：<input className = {this.props.className} ..> ...
浏览 6提问于2017-12-13得票数 1
回答已采纳
我正在使用TypeScript(v4.2.3)和Material (v4.11.3)，并试图将自定义道具传递给styled组件。import React from 'react'; IconButton,} from '@material-ui/core';
const NavListButtonWarning: React does not recognize the `panelOpen`
浏览 4提问于2021-06-29得票数 6
2回答
我想使用引导按钮为我的项目，我有一些困难，找出如何个性化的样式按钮取决于使用。import React from 'react';import styled from '<e
浏览 6提问于2022-02-15得票数 1
3回答
我有一个下面的组件使用styled-components，我想转换为TypeScript。import React from 'react'import styled from 'styled-components'问题是，理想情况下，我希望使用interface作为开发人员可以提供的属性的一种规范，而不必声明由styled-com
浏览 1提问于2019-03-29得票数 12
我对Material @ next非常陌生，我喜欢它支持样式化组件的事实。const styles = { textAlign: "center"};
I am a button
</B
浏览 0提问于2018-03-01得票数 2
回答已采纳
1回答
我正在使用样式的组件。我有两个组成部分-- Navbar和课程import React, {Fragment} from 'react';import {NavLink} from 'react-router-dom';
import styled from "styled-comp
浏览 0提问于2020-11-24得票数 0
回答已采纳
1回答
我决定切换到样式组件，现在我真的在努力使我的暗/轻主题再次发挥作用。之前，我只使用css，并依赖css变量。我看了很多关于样式组件的教程和例子，但是主题总是在app/top组件上存储和更改，而我最好需要它存储在配置组件中，并在另一个组件上呈现。 </&g
浏览 1提问于2022-09-02得票数 0
回答已采纳
2回答
如何将道具值传递给Stitchesjs组件并在组件定义中使用它？const Spacer = styled('div', { size: {
'20': {m
浏览 6提问于2022-05-28得票数 1
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号