Prefer boolean attributes notation in JSX JS-0400
Value must be omitted for boolean attributes
13 {data.map((p, idx) => {
14 return (
15 <div key={idx}>
16 <ProductCard product={p} showDesc={true} />17 </div>
18 );
19 })}Value must be omitted for boolean attributes
82 >
83 <Post
84 key={idx}
85 showProductIcon={true} 86 data={p}
87 channel={channel}
88 color={channels[channel].color}Value must be omitted for boolean attributes
76 data={post}
77 channel={channel}
78 color={channels[channel].color}
79 showDivider={true}80 />
81 </div>
82 );Value must be omitted for boolean attributes
195 </div>
196 <input
197 type="file"
198 multiple={true}199 ref={fileRef}
200 hidden
201 onChange={(e) => addImage(e)}Value must be omitted for boolean attributes
102
103 <input
104 type={"file"}
105 multiple={true}106 ref={fileRef}
107 hidden
108 onChange={(e) => handleNewImage(e)}
Description
When using a boolean attribute in JSX, you can set the attribute value to true or omit the value. This helps to keep consistency in code.
Bad Practice
var Hello = <Hello personal={true} />;
Recommended
var Hello = <Hello personal />;