javascript – 如何有条件地添加属性以响应DOM元素

前端之家收集整理的这篇文章主要介绍了javascript – 如何有条件地添加属性以响应DOM元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个场景,我正在使用React.js使用以下代码创建一个div:

React.createElement('div',{},"div content") 

一些额外的javascript处理将允许我演示这个div是否需要将className属性设置为“ClassA”或“ClassB”,或者它是否应该没有className.

有没有办法在javascript中访问从React DOM创建的div并添加className属性

注意:我无法实现这是JSX所以我使用了createElement方法.

编辑:值得一提的是,我可能需要有条件地添加className以外的属性.例如,我可能需要根据条件逻辑向锚标签添加“alt”属性.
先感谢您.

最佳答案
使用JSX spread.使用道具构建和对象,根据需要修改它并将其传递给组件,如下所示:

const props = {
    name: 'SomeName'
}

if (true) {
    props.otherName = 'otherName';
}

return (
    

看到……语法?该传播运算符完成工作 – 所有道具最终将作为组件的单独属性.

看看这个插件http://www.webpackbin.com/4JzKuJ9C-

猜你在找的JavaScript相关文章