TOGOUTECH

className

全部标签

javascript - 如何使用 redux-forms v6 在同一页面上创建多个表单?

我有一个简单的待办事项应用程序,其中我的redux商店包含一个“待办事项”数组。我的“Todo”组件映射商店中的每个“todo”并呈现一个使用redux-formsv6的“TodoForm”组件。就像现在一样,每个“待办事项”共享相同的表单名称/键,所以每次我在“标题”字段中输入内容时,它都会更改每个待办事项的“标题”。我通过使用唯一的字段名称找到了解决方法,但我担心随着应用程序的增长它会使事情变得过于复杂,并且更愿意使用唯一的表单名称以便每个字段都可以具有相同的名称而不会干扰其他表单(TodoForm1、TodoForm2、TodoForm3都可以有一个唯一的“title”字段,而不

javascript - 在 className react.js 中调用函数

如何在这个示例中为className调用getClass函数?我写出来的方式似乎没有调用getClass。varCreateList=React.createClass({getClass:function(){//somecodetoreturnclassName},render:function(){return(<divclassName{this.getClass}>Example</div>);}}); 最佳答案 您引用的是getClass()函数的实例,而不是调用该函数。尝试像这样调整它:rend

javascript - ClassName 样式在 react 中不起作用

我在设计React组件时遇到了一点问题。我将我的scss样式表放在一个单独的文件中,并将它们导入到我的react文件中。我的scss样式表如下所示:.testStyle{font-family:avenir;color:blue;}我的react文件,看起来像这样:importReactfrom'react'importstylesfrom'../styles/main.scss'classTempextendsReact.Component{render(){return(**<divclassName={styles.testStyle}>

javascript - 仅使用 JavaScript 将 Remove Class 添加到 DOM 元素,以及这两种方式中的最佳方式

使用JavaScript将类添加到DOM元素的好方法是什么?并删除。我遇到了以下用于添加的代码:1:Element.prototype.addClassName=function(cls){if(!this.hasClassName(cls)){this.className=[this.className,cls].join("");}};2:document.querySelector(element).classList.add(cls)他们两个似乎都对我有用。它们之间有什么区别,哪个最好? 最佳答案 1。如果你

javascript - 从字符串名称动态创建 JavaScript 函数

给定一个字符串classname,我想动态创建一个以该字符串命名的新JavaScript函数,该函数可用于实例化对象。我试过使用eval()但由于某些原因声明的函数没有出现在全局(窗口)范围内。eval("function"+classname+"(){}");window[classname];//=>undefined有没有办法动态创建一个以字符串命名的新函数?或者,或者,在通过eval创建函数后,给我一些方法来引用创建的函数。有趣的是,当我在Safari中调试它时,它显示为局部变量。更新:明白了!当然很明显,我只是再次使用eval来创建实例:

javascript - React.js 中的抽象

我想在创建我的React组件时使用一些抽象。例如:classAbstractButtonextendsReact.Component{render(){return(<buttononClick={this.props.onClick}className={this.definitions.className}>{this.props.text}</button>}}classPrimaryButtonextendsAbstractButton{constructor(options){super(options);this.definitions={class

javascript - 如何使用映射或循环使用 React JS 渲染图像?

这是我的js文件,其中包含我的图像。importReact,{Component}from'react';import'./Stopka.css';classStopkaextendsComponent{render(){return(<divclassName="container"><footerclassName="row"><divclassName="col-xs-12col-sm-6col-md-6col-lg-6"><h4>Sometext<

javascript - 如何使用 Jest 和 React 测试库测试类名

我是JavaScript测试的新手,正在新的代码库中工作。我想编写一个测试来检查元素上的类名。我正在和Jest一起工作,ReactTestingLibrary。下面我有一个测试,它将根据variant属性呈现一个按钮。它还包含一个类名,我想测试一下。it('RenderswithaclassNameequaltothevariant',()=>{const{container}=render(<Buttonvariant="default"/>)expect(container.firstChild)//CheckforclassNam

javascript - React Render 中的不变违规或在 React 中迭代和返回的正确方法

我在React渲染中遇到了持续存在的问题。这段代码/**@jsxReact.DOM*/varAnswerRows=React.createClass({componentDidMount:function(){},render:function(){{this.props.answers.map(function(answer,i){return(<divid="answerRow"><labelclassName="AnswerText"><inputtype="checkbox"value={answer

javascript - 在 React 中将 className 添加到 Fragment 的解决方法

我试图在React中创建一个无状态组件,其唯一目的是充当可重用的包装器。我也在使用CSS模块,因为我想拥有完全模块化的CSS。问题是我不想添加不必要的元素(更不用说<div>s),而是我想使用React的片段。现在,我遇到的问题是片段(至少现在)不接受类名。所以如果我试试这个://在Wrapper.js中:importReact,{Fragment}from'react'importstylesfrom'./Wrapper.css'constwrapper=(props)=>(<FragmentclassName={styles.