草庐IT

TONE_PROP_ACK

全部标签

javascript - 尝试通过 Vue.js 中的渲染传递 Prop 并观看它们

我在使用vue.js中的CreateElement/render将Prop从父级向下传递到创建的子级时遇到问题,然后再观看它。这是我的父组件Vue.component('my-drawing',MyDrawing)newVue({el:'#drawing',mounted(){Bus.$on('emitColorSelection',(emitString)=>{console.log("insidesocket.js/my-drawingandemitStringis",emitString);this.useColor=emitString;console.log('insides

javascript - Vue.js 将函数传递给 Prop 不起作用

我遇到一个问题,就是将函数传递给组件并没有按照文档中指定的方式工作。这是在我的app.js中methods:{updateAnswer:function(question){console.log('question:'+question);}}这是在我的html文件中:这是在我的components.js文件中:props:['whenanswered'],ready:function(){this.whenanswered();},我已经试过了:props:[{name:'whenanswered',type:Function}];但仍然没有运气。当我加载页面时,这是在我的控制台中

javascript - Redux 表单 Prop 和 typescript

多年来一直在寻找,但没有找到任何值得的东西。当我使用Flow时,我可以简单地:import{typeFieldProps,FormProps}from'redux-form';是否有类似(并且简单)的方法可以在typescript中将props正确设置为redux形式?文档没有提到任何关于typescript的内容,只有一个页面用于Flowtypings。但是,我发现我可以从redux-form导入类似propTypes的东西:import{reduxForm,propTypes}from'redux-form'然而-redux-form没有像propTypes导出的东西,所以文档有点

javascript - 为什么在使用 redux 和 react.js 时我的 Prop 是 `undefined`?

我试图向我的应用程序添加一个状态,该状态仅在某些事件过去时保存了一个bool值。我不知道我在这里做错了什么。reducer:import*asactionTypesfrom'../constants/action-types.js';constinitialState=[{eventPassed:false}];exportdefaultfunctioneventPassed(state=initialState,action){switch(action.type){caseactionTypes.EVENT_PASSED:returntrue;default:returnstate

javascript - "in"运算符或 obj.hasOwnProperty(prop) 的 Big O 表示法的效率是多少

Mozilla的网站清楚地描述了hasOwnProperty()。和in运营商。但是,它没有提供有关其效率的任何实现细节。我怀疑它们会是O(1)(常数时间),但我希望看到任何可能存在的引用或测试。 最佳答案 将我的评论变成答案。hasOwnProperty()应该O(1),因为它是一个键查找,但它是特定于实现的。in肯定会更复杂(尽管应该与hasOwnProperty()相同,如果属性存在于该对象上),因为它沿着原型(prototype)链上升,寻找那个属性(property)。这就是为什么通常建议在使用for(in)遍历对象属性时

javascript - Prop 更改后 react 组件不会重新渲染

每当用户单击我的组件上的按钮时,我都会尝试过滤状态中的一组对象。过滤的逻辑工作正常,但是当它返回到组件时,过滤的对象丢失了,而是属性未定义。我是否缺少生命周期方法?点击事件:MyPosts...{this.renderPosts()}过滤我的帖子filterMyPosts(){this.props.updateFilter("myPosts");//filteringfunctionusesswitchstatementbasedonstringstofilterposts}组件容器:constmapStateToProps=(state)=>{return{currentUser:s

javascript - 在 React 中将 DOM 元素作为 Prop 传递

所以我有一个组件需要一个DOM元素作为prop传入。我正在尝试像这样在另一个组件中使用它:...但这不起作用,因为(我怀疑)在我调用this.refs.myPropDiv时DOM尚未呈现。我将如何完成这样的事情? 最佳答案 在大多数情况下,这不是一个好主意,至少看起来不像是在遵循React的方式。首先,通过refs获取该div,您不会获取DOM元素,而是获取该div的支持实例。您可以获得像toomanyredirects所建议的那样的DOM元素。无论如何,你想要达到什么目的?React的一个优点是您不必弄乱原始DOM,而是使用虚拟D

javascript - react : Use this. props.children 或将组件作为命名 Prop 传递

我正在构建一个需要渲染一些子组件的组件。更具体地说,我有一个map组件,我希望在其上显示一个图例组件。constMap=props=>({this.props.children});//Usage:constMapWithLegend=()=>();//Usage:constMapWithoutLegend=()=>();然而,这也可以用命名Prop来表达:constMap=({legend}=>({legend});//Usage:constMapWithLegend=()=>();//Usage:constMapWithoutLegend=()=>();我不确定哪种方式在扩展性和可

javascript - 如何定义传递的组件必须具有某些 Prop 但也允许额外的 Prop

我正在传递一个组件作为Prop。定义如下。exporttypeTableProps={contents:T[],loadContents:()=>Promise};这工作正常,但我想更新这个定义说,至少上面的Prop应该存在,但允许额外的Prop。是否有我可以用来执行此操作的定义。例如,我希望接受具有以下签名的组件。typeProps={onChangeMark:(val:string)=>void,...TableProps};我已经尝试将它们定义为接口(interface),但它们仍然被拒绝。interfaceTableProps{contents:T[],loadContents

javascript - ReactJS - 如何从通过获取数据填充的 Prop 正确初始化状态?

这是我的编辑组件:classEditFieldextendsReact.Component{constructor(props){super(props);this.state={value:''};}edit(e){this.setState({value:e.target.value});if(e.keyCode===13){this.props.onEdited(this.state.value);}}render(){return()}}我需要像这样从props填充状态:functionContainer({entity,onEdited}){return();}Contain