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-