添加自定义HTML没有价值的JSX

Question

属性我有一些HTML需要定制的，没有价值取决于形势的属性。例如，这些都是有效的：

<div className="playlist-row" selected> 
<div className="playlist-row" active> 
<div className="playlist-row"> 

我试图做类似

let customAttr = {'active'}; // incorrect syntax 
let customAttr = {'active': true}; //doesn't work 
let customAttr = {'active': ''}; //doesn't work 

<div className="playlist-row" {...customAttr}> 

任何想法，我如何得到这个工作？

Answer 1

我相信这应该做到这一点 - 在你的render()功能：

render() { 
    let customAttr = "active" 

    return (
     <div className={"playlist-row " + customAttr}> 
    ) 
} 

或者交替，你可以避开字符串连接...

<div className={`playlist-row ${customAttr}`}>