调试typescript中的样式组件

文章/答案/技术大牛

发布

1回答

reactjs、typescript、styled-components

考虑到用babel-plugin包装typescript来调试样式组件(例如在dev-tools中查看组件名称)是不好的，我如何才能实现同样的功能？谢谢

浏览 19提问于2017-12-24得票数 1

回答已采纳

2回答

React本机Chrome调试器错误: NativeUIManager.getConstantsForViewManager('Text')引发异常

react-native

我是在react原生中新开发的。首先，我使用npx react-native init hello_world --template react-native-template-typescript创建基本代码，然后将app.tsx替换为以下代码flex: 1, alignItems: 'center',}); 这些是我在调试模式下得到的错误：如果我删除<em

浏览 1提问于2021-08-26得票数 6

1回答

如何将基本组件的propTypes应用于样式组件？

javascript、reactjs、typescript、visual-studio-code、styled-components

请注意，我不是在使用TypeScript，而是使用JavaScript (jsx)。但是，当我尝试创建一个样式为Button的组

浏览 2提问于2022-03-09得票数 0

1回答

如何在使用TypeScript的create应用程序中使用带有babel插件的样式组件？

typescript、create-react-app、styled-components

我读过关于样式组件工具的文档。我已经能够使用风格的组件没有babel插件，但我还没有能够使用风格组件的babel插件。通过阅读文档，我的印象是我最好的选择是使用样式化的组件宏。我的项目使用 TypeScript。"babel-plugin-macros": "^

浏览 0提问于2018-10-16得票数 0

回答已采纳

1回答

将支柱传递给样式组件的TypeScript错误

reactjs、typescript、styled-components

我很难解决这个TypeScript问题。我正在使用React +样式组件+ TypeScript。如果我有这样的样式组件： opacity: ${props => props.show ?1 : 0}我的反应组件看起来是这样的： const ReactComponent = (props: { appLoading: boolean })

浏览 6提问于2017-05-20得票数 6

回答已采纳

3回答

角度样式不适用于零部件(尽管使用了主体选择器)

angular

我对我的angular项目中组件的样式有一个问题。基本上我不能让它工作。为了解释我的问题，我使用Angular CLI (CLI 6.0.8，angular 6.1.0)创建了一个新项目。声明文件)- - - - - - - - - - - - - - - - - -：如图所示，无论是在父作用域还是在<em

浏览 1提问于2018-07-31得票数 12

回答已采纳

1回答

如何正确使用带有样式组件withComponent()的TS类型？

typescript、styled-components

在Typescript环境中使用StyledComponent的withComponent()方法时，我遇到了麻烦。我有一个简单的样式组件，我想将其应用于React组件。但是Typescript编译器抱怨道具不匹配。我应该如何使用withComponent()方法来获得一个样式化的组件，它也有我的react组件的道具？

浏览 92提问于2018-06-01得票数 0

2回答

根据子组件中的选择更改父组件的颜色

angular

我有一个子组件，它的下拉列表中选择了colors.Based，父组件的颜色应该会改变。到目前为止，我可以根据颜色选择成功地更改子组件的颜色，但我想更改父组件的颜色。有什么帮助吗？我还可以在父组件中打印dropdown的值，因为我正在使用引用变量，但我希望颜色也能改变。

浏览 0提问于2020-02-14得票数 0

1回答

Vue&TypeScript：“el”属性用于vue- property -decorator/vue-class-component？

typescript、vue.js、vue-component

让这个问题是简洁的。对于TypeScript & Vue && vue-property-decorator组合，以下代码的等效值是哪一个？

浏览 0提问于2018-09-08得票数 0

回答已采纳

1回答

Typescript样式组件

reactjs、typescript、styled-components

我试着将typescript与样式化组件一起使用。我有一个div，里面有一个input组件。

浏览 21提问于2020-03-16得票数 1

回答已采纳

2回答

在React中导入TypeScript变量

reactjs、typescript、global-variables

我正在尝试将一个面料js组件(下拉)样式(样式-组件)作为一个反应组件。css类名在文件office-ui-fabric-react/lib/components/Dropdown/Dropdown.scss.d.ts.中声明。示例：我想导入这个类名，这样我就可以在样式中使用它了。AFAIK，这是TypeScri

浏览 0提问于2018-12-09得票数 0

回答已采纳

1回答

使用VSCode中的样式组件来修复手写笔

visual-studio-code、styled-components、stylelint

有人知道在使用样式组件时有什么插件或获得VSCode样式自动修复的方法吗？

浏览 1提问于2019-04-12得票数 6

1回答

如何将TypeScript* WebPack ts加载程序与Angular2 @View样式集成？*

sass、webpack、angular、typescript1.7

我使用的是Angular2 + WebPack + Typescript 1.7堆栈+ SASS +CommonJ。我有webpack SASS装载机配置为监视scss文件与“样式！css！在我的组件中，我有@View装饰器，它包含样式或styleUrls参数，可用于传递此组件的内联样式或样式url。另外，我可以从所有的scss文件中预先构建一些common.css，并且简单地避

浏览 4提问于2015-12-13得票数 6

2回答

Google地图的css覆盖了我自己的样式，我如何防止这种情况发生？

javascript、css、angular、typescript、google-maps

我使用的是Angular 7.2.2和Typescript。我正在通过index.html中的<script>-tag从"“导入谷歌地图我尝试从显示组件中</e

浏览 2提问于2019-01-30得票数 1

1回答

无法动态样式组件- TypeScript，样式-组件

reactjs、typescript、styled-components

我正在跟踪的文档，一切似乎都像他们描述的那样，但它似乎不适合我。我正在尝试渲染一个卡片/div，或者基本上是基于来自父母的道具来扩展它。. />)import { keyframes, css } from '@emotion/react' import styled from '@emotion我是很新的样式-组件，但

浏览 3提问于2021-11-05得票数 0

回答已采纳

2回答

所有样式化组件返回any (@types/ styled - components )

javascript、reactjs、typescript、react-native、styled-components

在使用样式组件和VSCode时，我遇到了一个奇怪的问题。下面基本上是我从任何来自样式组件的组件中得到的，它们都返回任何。我之前让它工作了，但是我不知道什么时候，我也看不到所有组件返回任何错误的设置中有什么问题。我试图移回tslint配置，删除/注释掉eslintrc文件中的所有规则，但也无法使其工作。令人惊讶的是，我尝试了我

浏览 2提问于2020-08-08得票数 2

8回答

styleUrls在Angular 2中不工作

angular、systemjs、angular2-template

我正在使用Angular 2和SystemJS，并尝试将样式表添加到组件中。该组件如下所示： selector: 'dashboard',components/

浏览 2提问于2016-03-25得票数 35

2回答

React、styled components和TypeScript:如何在功能组件中包装样式组件

reactjs、typescript、styled-components

我正试图为我的样式组件创建一个包装器，但我很难正确地确定类型。假设我有一个像这样的样式组件： background-color: ${(props) => props.color};现在我想要创建一个包装组件，其中包含这个样式的按钮，例如。因此，例如，我希望编译它，因为type是HTML按钮元素的有效支

浏览 2提问于2021-01-08得票数 4

1回答

React-Bootstrap和带有typescript的样式组件

typescript、react-bootstrap、styled-components

我想知道是否有使用样式组件+ React JS + Typescript + Bootstrap的方法？

浏览 11提问于2020-07-16得票数 0

1回答

MUI v5主题与情感/mui

javascript、reactjs、typescript、material-ui

然而，我现在很难理解主题如何与可用的不同主题解决方案一起工作。我真的不知道在哪里使用MUI主题/样式组件，以及何时使用情感组件。在新的组件中，我使用sx属性来应用样式，但是我有相当多的组件仍然使用createStyles/useStyles函数。primary: string; } declare module "@mui/styles/def

浏览 15提问于2021-10-19得票数 2

回答已采纳

点击加载更多