草庐IT

styled-component

全部标签

javascript - Angular 2 : Validate child component form fields from the parent component

问题陈述:父组件有标签和一些里面的标签,子组件也有一些标签,父组件有一个我们正在验证提交表单时的表单字段。如何验证子组件来自父组件的字段submit表格?要求:如果父组件的表单包含带有input的子组件模板中的组件,然后是这些input如果从父组件提交,组件应该在点击时验证。调查结果:SO中有很多帖子有相同的问题陈述,但没有找到任何合适的解决方案。以下所有帖子都验证了整个表单,但我的要求是验证子组件中的每个字段。Angular2validationtogetherwiththechildcomponentAllowtemplate-drivenforminputsacrossacomp

javascript - react : Are there respectable limits to number of props on react components

有时我的组件具有大量属性。这有什么固有的问题吗?例如render(){const{create,update,categories,locations,sectors,workTypes,organisation}=this.props;//eslint-disable-lineno-shadowreturn();}最佳实践是什么? 最佳答案 我认为您刚刚发现了代码味道。任何时候你有那么多输入(Prop)到一个函数(组件),你必须质疑,你如何用参数组合的所有排列来测试这个组件。使用{...this.props}传递它们只会减少打字,

javascript - react : Passing props to function components

我有一个关于props和函数组件的看似微不足道的问题。基本上,我有一个容器组件,它在用户单击按钮触发的状态更改时呈现模态组件。模态是一个无状态函数组件,其中包含一些需要连接到容器组件中的函数的输入字段。我的问题:当用户与无状态Modal组件内的表单字段交互时,如何使用父组件内的函数来更改状态?我是否错误地传递了Prop?容器exportdefaultclassLookupFormextendsComponent{constructor(props){super(props);this.state={showModal:false};}render(){letclose=()=>this

Javascript,CSS : Get element by style attribute

我愿意:找到页面中所有元素的样式属性(例如:所有具有color:#333;的元素)为所有这些更改此属性(例如从color:#333更改为color:#444)。您对此有什么建议吗? 最佳答案 我的建议是尽可能避免这样做。相反,使用一个类来分配颜色值,然后您可以使用该类而不是颜色值来查找元素。据我所知,没有选择器(甚至在CSS3中也没有)可用于查询特定样式值,这意味着遍历所有元素(或者它看起来像你可以将其限制为具有style属性的所有元素)并查看element.style.color属性。现在,问题是,即使您在style属性中编写了c

javascript - 为什么浏览器在 style.height 上返回空字符串?如何获取元素的实际高度?

简单的一行html:sometext警报给出:但它应该像10px或诸如此类。 最佳答案 当您使用this.style.height时,必须首先在元素上指定高度,如下所示:sometext否则,您可能应该使用offsetHeight或clientHeight:sometext 关于javascript-为什么浏览器在style.height上返回空字符串?如何获取元素的实际高度?,我们在StackOverflow上找到一个类似的问题: https://stack

javascript - Sencha 触摸 : Component on DataView that looks like List Group Header

我正在使用Ext.dataview.DataViewView。我想向此数据View添加一个组件,它看起来像Ext.dataview.List中的grouperheaders以保持设计一致。我只想在头上应用一次这个组件(所以基本上只有一组)。将View更改为列表不是一种选择,因为它的复杂性会带来更多新问题。我已经尝试过添加一个面板并应用x-list-header类,但这没有成功。使组件看起来像列表的组标题的最简单方法是什么?Ext.define('app.view.myDataView',{extend:'Ext.dataview.DataView',xtype:'mydataview'

javascript - 方法参数 : destructuring + keeping original parameter (ReactJS component)

这个问题在这里已经有了答案:ES6destructuringfunctionparameter-namingrootobject(5个答案)关闭3年前。有没有办法实现方法参数解构,又能获取方法参数。在具有无状态组件的React应用程序的上下文中,我希望能够替换constMyComponent=(props)=>{const{prop1,prop2}=props;return()}使用更简洁的语法,如constMyComponent=(props:{prop1,prop2})()有没有类似的语法可用?

javascript - Angular 2 : How to use css calc() with some component value?

我想使用calcCSS函数根据组件值计算div高度。它给我的错误:TypeError:co.calcisnotafunction我的代码: 最佳答案 您的语法不正确。正确的方法是: 关于javascript-Angular2:Howtousecsscalc()withsomecomponentvalue?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/45456674/

javascript - VueJS : Best practice for working with global object between components?

有User.js类和用户对象(user=newUser();)。user对象正在所有嵌套组件中使用。User类中有很多重要的方法。如何在任何组件中简单地使用/访问this.user或this.$user及其方法?1-solution(临时工作解决方案):在vuex的store中设置user并在所有组件中定义'数据:data(){return{user:this.$store.state.user}}缺点:在每个组件中,都应该添加。注意:组件太多了。2-solution:将用户添加到Vue的原型(prototype),如插件:Vue.prototype.$user=user缺点:当use

javascript - 找不到模块 : Can't resolve 'material-ui/styles/colors'

我有以下代码,未编译:importReactfrom'react';import{AppBar,Toolbar}from'material-ui';import{Typography}from'material-ui';import{MuiThemeProvider,createMuiTheme}from'material-ui/styles';import{cyan,red}from'material-ui/colors';import{red400}from'material-ui/styles/colors';consttheme=createMuiTheme({palette: