草庐IT

child_msg

全部标签

javascript - 如何让 child 输入 react

我正在尝试制作我自己的Tabs组件,以便我可以在我的应用程序中使用标签。但是,我似乎在尝试按类型提取我需要的子组件时遇到了问题。importReactfrom'react'exportclassTabsextendsReact.Component{render(){letchildren=this.props.childrenlettablinks=React.Children.map(children,x=>{console.log(x.type.displayName)//Alwaysundefinedif(x.type.displayName=='TabLink'){return

javascript - react .js : onClick function from child to parent

我用了this以文章为例(React方式),但它对我不起作用。请指出我的错误,因为我不明白哪里出了问题。这是我看到的错误:UncaughtTypeError:this.props.onClickisnotafunction这是我的代码://PARENTvarSendDocModal=React.createClass({getInitialState:function(){return{tagList:[]};},render:function(){return({this.state.tagList.map(function(item){return()})})},HandleRem

javascript - 将监听器附加到多个 child

我正试图从我的页面中删除jquery,并将一些功能重写为纯js。有2个带有类作业的列表,包含一些li元素。每个li元素都应该有一个点击操作,以将类“active”添加到它。在jquery中很简单:$('.workli').on('click',function(){varthat=$(this);that.parent().find('li.active').removeClass('active');$(this).addClass('active');})在纯js中是否有更好的解决方案,而不是用嵌套循环制作这样的东西:varlists=document.getElementsByC

javascript - 组件的 child 不应该被改变

我有一个react-redux应用程序。我通过Redux商店的AJAX部分获取数据。这部分看起来像这样:counts:{warning:0,new:0,in_hands:0,completed:0,rejected:0}更改此值后,React渲染组件render(){varcounts=[{id:'warning',count:parseInt(this.props.counts.warning),name:'Внимение'},{id:'new',count:parseInt(this.props.counts.new),name:'Новые'},{id:'in_hands',c

javascript - Vue 2.0 : Passing asynchronous data to child component

我有一个父Vue组件,它通过prop将数据传递给它的子组件,但数据是异步可用的,因此我的子组件初始化为未定义的值。在数据可用之前,我该怎么做才能阻止初始化?父级:varemployees=newVue({el:'#employees',data:{...},methods:{fetch:function(model,args=null){leturl="/"+model+".json"console.log(url);$.ajax({url:url,success:((res)=>{console.log(res)this[model]=res;this.isLoading=false

javascript - jQuery:如果所有 child 都有相同的类(class)

如何检查所有子项或所有选择器是否具有相同的类?类未知...$(document).ready(function(){varsymbols=$("div:first-child").attr("class");if($("div").hasClass(symbols).length==3){console.log("same");};});这行不通...:-/ 最佳答案 $("div").not('.john').length如果任何div不是john类,这将找到它们,然后检查长度,如果它不为零,则存在一些。这是一个问题:$("div

javascript - 删除javascript中的第一个 child

我正在尝试使用DOMremoveChild()删除ol中的第一个li。但由于某种原因,它不起作用。这是我的javascript:document.getElementById('queue').removeChild(document.getElementById('queue').childNodes[0]);这是我的HTML:SurprisedKitty(Original)0Bmhjf0rKe8我试着提醒childNodes[0],它返回了[ObjectText],当我只期待对象时,这看起来有点奇怪。希望我已经说清楚了。 最佳答案

javascript - 将 Prop 从 react 路由器传递给服务器上的 child

我正在使用React、react-routerv3和material-ui构建同构应用程序。服务器端渲染中material-ui的要求之一是将客户端的用户代理传递给主题,因此MUI将能够相应地为其内联样式添加前缀。最初应用程序的根组件是路由器,即在服务器端:在客户端:现在,由于我不知道如何将用户代理传递给服务器上的RouterContext,我想出了一个(丑陋的?)解决方案:我创建了一个无用的组件,名为Root,我将用户代理传递给了他,Root将路由器作为他的children,即在服务器端:在客户端:现在,一切正常,但我真的不喜欢在不必要的情况下创建无用的元素,所以我的问题是-是否有更

javascript - 在 d3.js 中有 child 朝向多边的树(类似于家谱)

vartreeData=[{"name":"Device","parent":"null"}];vartreeData2=[{"name":"Device","parent":"null"}];$(document).ready(function(){varmargin={top:20,right:120,bottom:20,left:120},width=1260-margin.right-margin.left,height=500-margin.top-margin.bottom;vari=0,duration=750,root;vartree=d3.layout.tree().

javascript - "Warning: Trying to remove a child that doesn' t 存在“为什么我在 React Native 中收到此警告?

我在ReactNative中收到一条警告,提示我已将范围缩小到一行,但我不知道为什么。我已经构建了一个辅助函数来为一系列颜色和值设置动画,例如:animate([this,"textColor",250,"#fff1cc"]);animate([this,"rise",250,25],[this,"rise",250,0]);这个函数非常简单,注意导致错误的注释行://ReactModulesimport{Animated}from"react-native";//Exportexportdefaultfunctionfunc(){step(0,arguments);}//Extras