草庐IT

prop_value

全部标签

javascript - ReactJS:如何更模块化地使用对象的 Prop 类型和形状?

我喜欢明确指定每个类的所有Prop类型。React.createClass({propTypes:{optionalArray:React.PropTypes.array,optionalBool:React.PropTypes.bool,...这是来自阅读可重用组件:https://facebook.github.io/react/docs/reusable-components.html但是,如果我有一个在许多类中使用的非常常见的对象怎么办?例如:varMemoryForm=React.createClass({propTypes:{memory:React.PropTypes.s

javascript - 如何检查有多少 React child 拥有某个 Prop ?

我有两种类型的组件。我们称它们为外部和内部。想象一下这样的事情:{this.prop.title}({this.state.withX}/{this.state.total})我有这个功能:getInitialState:function(){return{total:React.Children.count(this.props.children),withX:///???///};}我如何获得该值?我试图得到这样的东西:withX:function(){varcounter=React.Children.forEach(this.props.children,function(ch

javascript - AngularJS 1.4 : Select List Value not Initializing Correctly when List is Inserted with $compile

这里有一些快速的背景信息。我刚刚升级到Angular1.4。我正在使用用C#编写的API进行服务器端调用。我页面的一部分显示了2个选择列表(项目和子项目)。两者都应该默认为“(Selecta______)”,我将其列为每个选择的第一个选项,“值”为0。适当的ng-model变量被初始化为0。选择列表的实际HTML代码是在服务器端使用字符串连接生成的,通过$http传递给客户端,并使用调用$compile的指令插入(一点也不理想,但我的客户端有漂亮的很多链接我到这个API)。在1.4更新之前,一切都运行良好。现在,我的项目选择列表默认为空。当我检查元素时,这就是我所看到的...(Sele

vue触屏项目 使用 虚拟键盘组件,通过js给el-input value赋值,v-model绑定值不同步问题(已修改)

1.管理后台项目每个页面都有模糊搜索,之前是使用外接键盘或者扫码枪进行输入,完全没有问题,但是最近客户使用的是触屏手动输入,就发现了问题,输入框上的值并不会被监听到,也不会触发el-input框自带的enter,以及change事件,这时候就想着接入一个虚拟键盘,在触屏项目中使用,接入完成后本以为可以成功,但是发现,通过js给el-inputvalue赋值,v-model绑定值不会同步问题:.赋值后,界面显示字段已更改,获取v-model的参数,发现不会同步更改解决办法:v-model只是一种语法糖,底层的方法还是去监听input事件。所以可以使用dispatchEvent事件给元素分配一个i

javascript - iCheck 库 : value of selected radio button

jsFiddlehere.我是Javascript的新手,在阅读iCheck的文档时遇到了问题。页。我遵循了似乎非常相关的StackOverflow问题的答案here但无法弹出显示我选择的值的警报。谁能给我指明正确的方向,好吗?HTMLAreyousureyouwanttohaveyourdetailsremovedfromourmarketinglist?YesNoJavascript$(document).ready(function(){$('input').iCheck({radioClass:'iradio_flat-orange'});$("input:radio[name

javascript - 在 div onclick 之后更新 Redux prop/state

我有一个表-我们称它为表1。当单击表1中的一行时,会显示另一个表,我们称它为表2。表2显示与表1中单击的行相关的数据。有时table2中需要显示垂直滚动,有时不需要-取决于行数。需要解决:在不显示滚动时边框有一个不需要的过渡:.解决思路:根据显示滚动是否退出的条件“更改margin-right”。将此条件的结果保存到Reduxprop中:元素.scrollHeight>元素.clientHeight||元素.scrollWidth>元素.clientWidth问题:尝试从不同的React事件(例如componentDidMount、componentWillReceiveProps、C

javascript - 如何正确转义 css/js 属性选择器 [attr=value] 中的属性值?

我应该如何转义css/js属性选择器[attr=value]中的属性?具体来说,这是正确的吗?document.querySelector('input[name="test[33]"]')我正在寻找执行此操作的“标准方法”(如果有的话),因为我不希望Sizzle使用繁重的执行后备函数 最佳答案 是的,这是一种正确的方法。SelectorsLevel3specification陈述如下:AttributevaluesmustbeCSSidentifiersorstrings.您问题中的示例使用字符串作为属性值。“标识符”定义如下:I

javascript - 如何在 ReactJS 中指定 null prop 类型?

我在ReactJS组件上有一个prop,它要么是null要么是一个ImmutableMap。如果我写在我的小部件的底部:MyComponent.propTypes={myMap:React.PropTypes.instanceOf(Immutable.Map)};我将其保留为null、undefined或Map的可能性。我怎样才能使它成为必需的并且类型为null或仅映射?https://facebook.github.io/react/docs/typechecking-with-proptypes.html我看到了这个例子,但我不知道如何根据我的需要调整语法,或者是否可能。编辑:如果

javascript - super(props) 为我的 React 组件做了什么?

我不太擅长JS和React。React文档位于here陈述以下内容:WhenimplementingtheconstructorforaReact.Componentsubclass,youshouldcallsuper(props)beforeanyotherstatement.Otherwise,this.propswillbeundefinedintheconstructor,whichcanleadtobugs.我的问题是这实际上是如何工作的?super()在我的构造函数中神奇地启用了this.props是做什么的? 最佳答案

javascript - 如何评估数据属性中的 Vue.js 组件 Prop ?

我有2个组件:Post和Comments。在Post组件中,有Comments组件,它有3个属性:postId、numCom(评论数)和comments(数组).我收到评论并通过props传递数组,现在我想在Comments组件中检索数组并将其添加到数据中,这样我就可以添加/删除评论等。这是我在Comments.vue中的代码:props:['id','numCom','comments'],data:function(){return{newMessage:"",loading:false,allComments:this.comments,num:this.numCom,}},但这