草庐IT

set_prop_cycle

全部标签

javascript - jQuery Cycle 插件 - 容器的自动高度

我正在使用cycleplugin在一些div上,像这样:texttexttext所有的.sectiondiv都有可变的高度,基于它们的内容。我怎样才能使循环不将容器div(部分)的大小调整为最大的子高度?相反,我希望容器将每个动画的大小调整为当前的子高度。 最佳答案 好的,我设法通过在“after”事件上Hook一个函数来做到这一点:functiononAfter(curr,next,opts,fwd){var$ht=$(this).height();//setthecontainer'sheighttothatofthecurre

javascript - 使用带有 typescript 的样式化组件 "as" Prop

我目前正在构建一个模式库,我在其中构建了一个Button组件使用React和styled-components.基于Button组件,我想要我所有的Links组件看起来完全一样,并接收完全相同的Prop。为此,我使用asProp来自styled-components,这让我可以将已构建的元素用作另一个标签或组件。按钮组件import*asReactfrom'react'import{ButtonBorderAnimation}from'./ButtonAnimation'import{ButtonProps,ButtonVariant}from'./Button.types'impor

javascript - 将 AJAX 结果作为 props 传递给子组件

我正在尝试使用React创建博客。在我的主要ReactBlog组件中,我正在对节点服务器执行AJAX调用以返回一组帖子。我想将此发布数据作为Prop传递给不同的组件。特别是,我有一个名为PostViewer的组件,它将显示帖子信息。我希望它默认显示通过Prop从其父级传递过来的帖子,否则显示通过状态调用设置的数据。目前,我的代码的相关部分如下所示。varReactBlog=React.createClass({getInitialState:function(){return{posts:[]};},componentDidMount:function(){$.get(this.pro

javascript - 将 Prop 与数据同步的正确 vueJS 方法

考虑一个允许显示/编辑博文的VueJS应用程序。单击“编辑博客文章”时,会显示一个模式(Vue组件)以编辑当前的博客文章(只是一个普通的js对象)。为此,我将当前博文作为prop传递给模态组件。Modal组件有几个表单域,应该用博客文章属性填充。但是,Vue的“方式”是在Modal组件上有一个data对象,充当填充表单字段的模型,反之亦然,当用户更改时更新表单字段。问题:如何将作为prop传递的博文连接到模态组件的data字段,以便:博文填充表单字段博文在更新表单字段时得到更新完成此任务的正确Vue方法是什么? 最佳答案 你有三种(

javascript - TypeScript 是否具有 ES6 "Sets"的等效项

我想从一个对象数组中提取所有独特的属性,您可以在ES6中使用扩展运算符和Set非常干净地完成此操作所以:vararr=[{foo:1,bar:2},{foo:2,bar:3},{foo:3,bar:3}]constuniqueBars=[...newSet(arr.map(obj=>obj.bar))];>>[2,3]但是,在TypeScript1.8.31中,这给了我构建错误:Cannotfindname'Set'我知道我可以使用强制VS忽略它declarevarSet;但我希望TypeScript可以编译成非ES6的东西,这样它就可以在旧系统上使用。有谁知道我是否可以使用这样的功能

javascript - 使用 vue-router 将查询绑定(bind)到 props

是否可以以声明方式将查询值绑定(bind)到props?我希望/my-foo?bar=my-bar传递Prop{foo:"my-foo",bar:"my-bar"}.我目前正在使用这样的东西:exportdefaultnewRouter({routes:[{path:"/:foo",name:"Foo",component:FooPage,props:route=>({foo:route.params.foo,bar:route.query.bar})}]});我正在寻找类似的东西:exportdefaultnewRouter({routes:[{path:"/:foo?bar=:ba

javascript - 是否有可能将 "freeze"设为一个 Set(或 Map)?

虽然Set是一个对象,但Object.freeze()作用于对象的属性,显然Map和Set不使用这些属性:例如letm=newMap();Object.freeze(m);m.set('key',55);m.get('key')==>55这是Chrome中的行为,我希望它是标准的。我知道可以(有时)将Set或Map转换为普通对象,然后卡住该对象。但随后未卡住和卡住版本之间的key访问发生变化。 最佳答案 有趣的问题,但目前似乎不是Set或Map对象上直接支持的功能。以下是我可以使用Set对象作为指南想到的一些解决方法:您可以创建一个

javascript - 在 React/Redux 应用程序中,我什么时候应该显式地传递一个 prop,而不是使用 mapStateToProps 从全局状态中获取它?

我正在构建我的第一个React-Redux应用程序,在许多情况下,我可以选择执行或者有然后做functionmapStateToProps({pagination:{page}}){return{pageNumber:page+1};}使用一种或另一种方式的含义是什么?我什么时候应该更喜欢一种方式?是否有关于如何拾取Prop的最佳实践?每次用都感觉有点不好mapStateToProps在一些深层嵌套的组件中,因为感觉组件与特定页面/应用程序的状态耦合。 最佳答案 没有一个好的答案。根据位于http://redux.js.org/do

javascript - 在 Jest 中调用 React 的 this.props.onClick(this) 时到底应该测试什么?

我一直在为我的所有事件(当然还有其他一切)编写测试,但我不知道如何测试this.props.onClick(this)在子组件上被调用。我的子组件有以下代码:closeModal:function(){this.props.onClick(this);},render:function(){return()}家长是这样听的:onCloseModal:function(){this.replaceState({modalStatus:'hidden'});},render:function(){return()}我知道如何测试parent的点击事件,我也知道如何在测试中调用child的按

javascript - 在 React-Router 中将状态作为 Prop 从父级传递给子级?

过去几天我一直在使用React-Router,我非常喜欢它!我一直遇到的一个问题是我找不到将状态从父组件传递到子组件的最佳方法。我一直在查看一些堆栈溢出和博客文章,但我似乎无法找到我想要的东西。这是一个关于我正在寻找的东西的非常简单的例子。classAppextendsReact.Component{constuctor(props){super(props);this.state={name:"helloworld",lastname:"worldhello"};}render(){//SOMETHINGLIKETHISWOULDBEPREFFEREDif(this.props.ch