草庐IT

auto-props

全部标签

javascript - Chrome : Auto-run for Javascript code?

有人知道是否有某种方法可以为浏览器中加载的每个页面运行一段Javascript代码吗?有点像插入head里面的第一件事标签。我对Chrome的解决方案最感兴趣。也许这是Chrome扩展程序的工作? 最佳答案 查看Tampermonkey,它是一个用于运行用户脚本的Chrome扩展(相当于FF的GreaseMonkey)。要在每个页面上运行脚本,您需要在脚本开头附近有这样一行://@include*这是一个tutorial关于编写用户脚本。 关于javascript-Chrome:Auto

javascript - 通过 Props 将值从 React Stateless Child 传递给 Parent

语境我正在尝试将输入值字段(conditionTitle)从ReactStateless子组件(AddConditionSelect)传递到父组件(AddConditionDashboard)>)这将保持我的状态。问题我遵循了Reactdocumentation中显示的模型,但他们使用的是refs,这仅在组件是有状态的情况下才有效。我不想在子组件中设置任何状态,但仍然能够访问父组件中的输入。在目前的形式中,我收到一个警告,无状态函数组件不能被赋予refs,导致props为null和未定义。父组件:importAddConditionSelectfrom'../containers/Ad

javascript - 我什么时候需要使用 super(props) 将 prop 传递给 React 组件的构造函数?

这个问题在这里已经有了答案:What'sthedifferencebetween"super()"and"super(props)"inReactwhenusinges6classes?(10个答案)关闭6年前。很多时候我们在构造函数中发送props但我们从来没有在构造函数中的任何地方使用this.props那么为什么需要传递它以及何时需要这样做。classAppextendsReact.Component{constructor(props){super(props);//Whendoweneedtosendpropstotheconstructorthis.state={data:

javascript - react 。 child 作为 Prop

我知道如何将child传递给React组件:OpenThisWonderfulLink但是我可以这样使用吗:有效,但这正常吗?我可以每次都使用这种方式吗?附言抱歉我的英语不好..) 最佳答案 是的,children就像任何其他prop一样,可以用作prop来渲染子组件,而不是将子组件嵌套在相应的元素 关于javascript-react。child作为Prop,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.

javascript - 自定义 Prop 类型 Vue.js

有没有办法为Vue.jsProp创建自定义Prop类型(并通过验证扩展它)?在下面的示例中,您将找到Object属性background。我想要一个自定义Prop类型图像,而不是一个对象。图像将检查src和alt是否已填充,其余部分是可选的。我们现在拥有的:exportdefault{props:{background:{type:Object,src:String,srcset:String,alt:String,title:String,},},};我想要的东西:classcustomPropImage{//magic...}exportdefault{props:{backgro

javascript - async.auto 中的任务结果

我对async.auto中从一项任务到另一项任务的结果逻辑感到困惑。.例如,在下面的代码逻辑中,我在task1中向模型添加了一些数据,它最初是initialtask的输出,在finalTask​​中添加了数据到task1中的模型也反射(reflect)在results.initialTask​​1中。task2中类似添加的数据反射(reflect)在finalTask​​中的results.initialTask​​1中。总结所有results.initialTask​​1,results.task1[0],results.task2[0]、results.task3[0]在final

javascript - React JS this.props.data 未在子组件的 getInitialState 中定义,即使它是在渲染中定义的(并且在父级中定义)

场景:在同一个祖父包装器(->)中重用组件(->)以实现代码重用。首先,我分配了一个数据数组并循环以重新使用子组件(->)。对于第二个,它只是一个对象(具有与数组对象相同的属性),我直接在渲染中分配它(不需要this.props.data.map循环,因为已经只有一个对象)。问题:对于阵列,一切都按要求工作。this.props.data传递给child,状态通过各种事件更新,一切都很好。然而,对于单个对象,在之前一切正常.即使this.props.data包含有效值并正确分配给child组件,在的getInitialState,它莫名其妙地未定义(或设置为的getInitialSta

javascript - 在 React 中检查 Prop 类型

我正在阅读React.Component官方React文档中的部分。除了part之外,一切都有意义关于propTypes。文档说明如下:Inproductionmode,propTypeschecksareskippedforefficiency.假设我有以下代码:classSampleextendsReact.Component{render(){return(Hello{this.props.name});}}Sample.propTypes={name:React.PropTypes.string};文档是否暗示在生产中我将跳过针对props的类型检查?如果是,我应该如何检查Pr

javascript - 视觉 : default value for prop function

有什么方法可以为具有函数类型的prop设置默认函数吗?props:{clickFunction:{type:'Function'default:????}} 最佳答案 是的:Vue.component('foo',{template:'{{num}}',props:{func:{type:Function,default:()=>1,},},data(){return{num:this.func()}}})newVue({el:'#app',}); 关于javascript-视觉:def

javascript - 光标 :auto behaviour in IE 8 and 9

我想要的是为整个body标签指定cursor:pointer,这样页面的背景是可点击的,但我也希望页面的其余部分像它那样工作,所以我尝试为div设置cursor:auto,其中包含页面。在FF、Chrome和safari中,它工作正常,在IE6和7中也是如此。但似乎IE8和9以及(去他的)OPERA对cursor:auto的含义有自己的看法。这是一个片段,看看会发生什么:CursortestThisisaparagraphclickhere.虽然这是一个HTML片段,但所有内容都是使用javascript完成的,结果相同。该标准说的有些含糊:用户代理根据当前上下文确定要显示的光标。,这