TOGOUTECH

className

全部标签

javascript - 开 Jest , enzyme - 测试返回 jsx 的方法

我有以下组件:importReact,{Component}from'react';import{Link,IndexLink}from'react-router';classNavbarextendsComponent{renderLinks=(linksData)=>{returnlinksData.map((linkData)=>{if(linkData.to==='/'){return(<divclassName="navbar-link-container"key={linkData.to}&g

javascript - react : Nested onclick also triggers parent

我使用slickcarousel的react版本制作了一个类似Netflix的carousel。您可以单击一个图block,然后该图block会展开以显示该图block的详细信息。例子:这要归功于Slicks处理动态高度的能力。我想在扩展部分添加一个关闭按钮(如最右侧所示)。但这就是我遇到的问题。如果我添加一个带有onClick处理程序的关闭按钮,它将始终触发显示展开部分的父级Onclick。showExpandedonclick函数只是设置一个showDetails状态。所以我的问题是:如何通过单击关闭按钮来设置状态,而不同时触发包装父级。我尝试了event.preventDefau

javascript - object.className 或 object.getAttribute ("className/class")?

两者之间:JavascriptfunctionsetCss(object,css){return(object.className=css);}functiongetCss(object,css){returnobject.className;}或者functiongetCss2(object){if(object.getAttribute("className")){returnobject.getAttribute("className");}returnobject.getAttribute("class");}functionse

javascript - 只 react 展开和折叠一个面板

需要react方面的帮助...尝试实现带有天气信息的可折叠卡片列表。已经实现了展开和折叠的行为,但是当我点击一个面板时,另一个面板同时打开(我有2个面板,需要7个面板来显示一周中7天的天气)。如何只打开和关闭一个面板?代码:importReact,{Component}from'react';importMomentfrom'react-moment';importRandomGiffrom'./RandomGif.js';consturlForCity=city=>`https://cors-anywhere.herokuapp.

javascript - 带有 redux 和 react 的多个注册表

我一直在尝试开发一个类似于airbnb列表表单的仪表板表单,以便更深入地了解Reactredux,但我被困在我的项目中间。我有一个多表单,当用户点击继续按钮时,用户将获得另一个表单来填写等等,如果用户点击后退按钮,用户将获得一个返回前一步的表单,其中包含之前填写的值。我无法决定我应该为此做什么。我是否必须创建一个正在运行的对象作为listingName。摘要、姓名、电子邮件等作为空值,并使用Object.assign()或其他方式使用reducer更新它。直到现在我只能开发像当用户点击个人选项卡时显示与个人信息相关的表格,当用户点击基本选项卡时,显示与基本信息相关的表格。我希望所有表单

javascript - javascript中的类数组对象

通过Closure库中的dom.js源代码,我发现了这个(在goog.dom.getElementsByTagNameAndClass_中):if(opt_class){vararrayLike={};varlen=0;for(vari=0,el;el=els[i];i++){varclassName=el.className;//CheckifclassNamehasasplitfunctionsinceSVGclassNamedoesnot.if(typeofclassName.split=='function'&&goog.array.contai

javascript - for循环 react

我使用此函数从.json文件获取一些体育类(class)。filtrarClase(dia,hora){letdata=this.state.datareturndata.filter(clase=>{if((clase.dia===dia)&&(clase.horaclase===hora)){returnclase.actividad}else{returnfalse}}).map((clase,i)=>{return(<likey={i}className={clase.estilo}>{clase.actividad}<pclass

javascript - ReactJS 和 Google MDL 按钮 onClick 不工作

我有一些像下面这样的JS。我发现如果我删除mdl-js-layout按钮的onClick会起作用。否则失败。为什么会这样?我已经做了componentHandler.upgradeDom()'usestrict';module.exports=React.createClass({componentDidMount:function(){console.log('update')componentHandler.upgradeDom();},addExpense:function(){console.log('addexpense');}

javascript - 在非对象上调用 React iframe youtube : Object. defineProperty

我制作了一个组件,用于在我的React应用程序中嵌入YouTube视频,效果很好。为此,我使用了iframe。<divclassName="embed-responsiveembed-responsive-16by9"><iframeclassName="embed-responsive-item"src={`${BASE_URL}${videoId}`}/></div>但即使它有效,我也不知道为什么但我得到了这个错误。sw.js:5UncaughtTypeError:Object.definePropertycall

javascript - 类型文本不受控制的输入被控制警告

我正在尝试使用React和Redux创建一个多步骤注册表单。主要组成部分如下:importReact,{PropTypes}from'react';import{connect}from'react-redux';import{bindActionCreators}from'redux';import*asactionCreatorsfrom'../../actions/actionCreators';importcountriesfrom'../../data/countries';importRegis