草庐IT

some_props

全部标签

javascript - 如何向作为 Prop 传入的 React 元素添加额外的 Prop ?

我将一个react元素作为Prop传递给另一个元素。在接收Prop的子元素中,我需要为该元素设置额外的Prop。例如:父类classMenuExtendsReact.Component{render(){return(}/>}/>}/>);}}子类classMenuItemExtendsReact.Component{render(){return({this.props.icon}//Iwanttosettheicon'ssizeprophere);}}this.props.icon是一个React元素(、等),它允许属性size.我想设置sizeMenuItem中的属性(prope

javascript - 相反,使用基于 prop 值的数据或计算属性。浏览器

好吧,我试图在Vue中更改“变量”的值,但是当我单击按钮时,它们会在控制台中抛出一条消息:[Vuewarn]:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertybasedontheprop'svalue.Propbeingmutated:"menuOpen"我不知道如何解决这个问题......我的文件.vue:ALTERARexportdefault{name:'layout',pro

javascript - 如何查看 Vue.js 组件中的 prop 变化?

我正在将一组图像文件路径传递给一个组件。我想知道如果我传递一个不同的数组,那么在Vue.js组件中观察Prop变化的最佳方式是什么?我正在使用引导轮播,所以想在数组更改时将其重置为第一张图片。为了简单起见,我将代码示例简化为:Vue.component('my-images',{props:['images'],template:`{{index}}-`}); 最佳答案 {{count}}exportdefault{name:'test',props:['count'],watch:{'$props':{handler:functi

javascript - 帮助我理解 <script src ="some.js?param1=one;param2=two"/>

我有时会在网页上观察到如下所示的block。所以我很想知道这到底是做什么的?或者为什么要这样写?我只能看出背后的一些意图它不是页面URL(我的意思是.aspx/.php/.jsp等)所以它不是黑客代码,用户可以添加这样的代码来传递数据而不会引起用户注意,因为它的标签不会呈现UI或实现旧类型的AJAX替代方案如果用户不希望缓存JS文件(任何其他资源,如图像),这种URL参数很有用。这是管理缓存的快速方法但我无法弄清楚以下内容看起来像页面URL参数,但这些参数在JavaScript文件中是否可读并且有一些额外的实用程序?这些参数在这里有什么额外的作用吗?可以/正在使用这样的代码的其他可能的

javascript - Prop 未定义 React js

我正在使用Reactjs,但我不知道为什么我得到的Prop未定义。这是我的类(class)。importReact,{Component}from'react';constInputHeight={height:'50px',}functionclearData(){this.refs.input.value="";}exportdefaultclassTextInputextendsComponent{render(){return();}}TextInput.propTypes={inputType:React.PropTypes.oneOf(['text','number','e

javascript - TypeScript 相当于 React 无状态组件中的 rest/spread Prop

我正在尝试添加以下函数,取自bootstrap-reactdocumentation,到我的TypeScript+React项目:functionFieldGroup({id,label,help,...props}){return({label}{help&&{help}});}但是,我目前的实现是:interfaceFieldGroupPropsextendsReact.HTMLAttributes{id?:string;label?:string;help?:string;}classFieldGroupextendsReact.Component{publicrender():

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 - 为什么 React 类组件总是需要在其构造函数中调用 super(props)?

在thetutorial由reactjs.org发布,声明“类组件应始终使用props调用基本构造函数”。在我自己的研究中,如果this.props未在构造函数中使用,则super(props)似乎可以替换为super(),根据thisStackOverflowanswer.因此,我的问题是,为什么我们总是要将props传递给reactjs中的基础构造函数?这个建议合理吗?为什么建议合理(或不合理)?附言将屏幕截图上传到此问题,以防在回答此问题时更新原始教程。 最佳答案 Althoughitissuggestedtopassprop

javascript - 在构造函数中 react 绑定(bind),如何将参数传递给 Prop

我正在尝试将我的React类转换为ES6,但在此过程中我遇到了一些困难。我希望将我的绑定(bind)放在构造函数中,而不是渲染View中。现在,如果我有一个带有setState的根模块,它需要一个参数,例如:constructor(){super();this.state={mood:""};this.updateMood(value)=this.updateMood.bind(this,value);}updateMood(value){this.setState({mood:value});}然后我将这个函数传递给一个组件:然后在customElement模块中,我有这样的东西:c

javascript - React props : Should I pass the object or its properties? 有多大区别?

在传递props时,我应该将整个对象传递给子组件,还是应该先在父组件中单独创建props,然后再将这些props传递给子组件?传递整个对象:首先单独创建需要的Prop:哪个是首选,如果它取决于,我应该使用什么作为衡量标准来使用其中一个? 最佳答案 根据theprincipleofleastprivilege,这是正确的方法:这会限制InnerComponent意外修改原始对象或访问不适合它的属性。或者,可以从原始对象中选取属性并将其作为Prop传递:如果有许多属性难以列出,可能只有一个prop接受一个对象: