如何将类推送到组件
如何将类推送到组件
提问于 2018-07-30 08:07:08
我使用的是一个具有一些默认类的组件TextAreaField。我想知道如何向该组件推送或添加新类。
<TextAreaField
name="summary"
label={{ id: 'Form.Summary' }}
maxLength={200}
rows={1}
readOnly={readOnly}
/>如果我像这样添加属性className：
<TextAreaField
name="summary"
label={{ id: 'Form.Summary' }}
maxLength={200}
rows={1}
readOnly={readOnly}
className="new-class"
/>然后我覆盖了现有的默认类，我只想添加一个新的类，我该怎么做呢？
回答 4
Stack Overflow用户
发布于 2018-07-30 08:32:18
您可以像这样维护数组中的类：
let classes = ["class1", "class2"...];然后，您可以使用标准的数组方法添加/删除类。将它们作为数组进行维护可以更容易地有条件地管理类。
您可以通过如下所示的空格连接所有类，从而将最终的类传递给组件：
<TextAreaField
name="summary"
label={{ id: 'Form.Summary' }}
maxLength={200}
rows={1}
readOnly={readOnly}
className={classes.join(" ")}
/>Stack Overflow用户
发布于 2018-07-30 08:16:21
不使用className，而使用另一个属性名，如classNames或classes，并将其添加到默认类中。
Stack Overflow用户
发布于 2018-07-30 08:24:25
使用classnames库，它处理类的加入：
import React from 'react';
import classnames from 'classnames';
export default TextAreaField = ({ className }) => (
<Textarea className={ classnames('myDefaultClassName', className) } />
)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51589542
复制相关文章
相似问题
Power Automate Flow错误，拒绝访问(创建共享链接)
是否可以在SharePoint站点模板中包含Flow/Power Automate？
使用HTTP Request或fromo Power Automate flow触发管道
难以使用MS-Flow - Power Automate处理JSON
Power Automate flow不会为已存在的文件触发"Copy To“操作
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
