草庐IT

classname

全部标签

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

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

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

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

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");}functionsetCss2(object,cssclass){i

javascript - react : Nested onclick also triggers parent

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

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

我有以下组件:importReact,{Component}from'react';import{Link,IndexLink}from'react-router';classNavbarextendsComponent{renderLinks=(linksData)=>{returnlinksData.map((linkData)=>{if(linkData.to==='/'){return({linkData.icon}{linkData.text})}else{return({linkData.icon}{linkData.text})}})};render(){return({

javascript - 使用 reactjs 提交表单

我是reactjs的新手。我正在使用reactjs创建一个示例项目。首先,我收到类似状态为空的错误。设置初始状态后出现错误IgotWarning:valueLinkproponinputisdeprecated;setvalueandonChangeinstead我知道有很多与此相关的问题,但我的问题没有解决,请帮忙。代码如下:importReact,{Component}from'react';import{Link}from'react-router'importvalidatorfrom'validator';importLinkedStateMixinfrom'react-ad

javascript - 在 vueJS 中导入 javascript 类

我想在Vue应用程序中使用一个javascript类。我的类(class)看起来像:classclassName{constructor(){...}function1(){...}staticfuntion2(){...}}我试图在我的应用程序中导入此类:从“./fileName.js”导入类名;var{className}=require('./fileName.js')在所有情况下,当我想调用类(className.function2())的函数时,我都会收到:该函数未定义。 最佳答案 您需要导出类才能导入/需要它//1.Fo

javascript - $ ('.className > button' ) 和 $ ('.className' ).children ('button' ) 有区别吗?

在jQuery中有什么区别$('.className>button')和$('.className').children('button')或者这些只是获得相同结果的替代语法? 最佳答案 不是说你最终会得到什么,但第一个可以完全卸载到浏览器的内置CSS选择引擎,而第二个需要jQuery做更多的工作并涉及更多的对象创建和清理。除非你在一个mousemove处理程序中使用很多元素来做这件事,否则这不太重要,即使那样...... 关于javascript-$('.className>butto

javascript - 如何在 map 功能中先跳过

我想跳过.map函数中的第一个,我现在做的是:block.gallery.map((item,i)=>({block.gallery.length>4&&i!==0?{block.gallery.length-4}+Foto's:} 最佳答案 所以slice它跳过第一个block.gallery.slice(1).map(...)您还需要引用传递到map中的项目,而不是使用原始数组的索引。block.gallery[i].images.thumbnail_sm应该是item.images.thumbnail_sm

javascript - 使用 jQuery 显示/隐藏复选框

我正在尝试根据复选框显示/隐藏html表单的一部分。这是我的本质代码:functiontoggle(className){var$input=$(this);if($(this).prop('checked'))$(className).show();else$(className).hide();}CheckHereThisisthetext.当您点击复选框时,span会隐藏并且不会再出现。我还使用了$(this).is(':checked')。看起来$(this).prop('checked')评估为false无论它是否被选中。我最好的猜测是我错误地使用了$(this)。我在这里缺