Prefer boolean attributes notation in JSX JS-0400
Value must be omitted for boolean attribute
loading113 {loading ? (
114 <>
115 <Skeleton loading={true} h="145px" />
116 <Skeleton loading={true} h="145px" />117 </>
118 ) : transactions.length > 0 ? (
119 transactions.map((tx) => (Value must be omitted for boolean attribute
loading112 <div className="grid grid-cols-2 sm:grid-cols-3 gap-4">
113 {loading ? (
114 <>
115 <Skeleton loading={true} h="145px" />116 <Skeleton loading={true} h="145px" />
117 </>
118 ) : transactions.length > 0 ? (Value must be omitted for boolean attribute
isAnimationActive64 stroke="#25233A"
65 fill="#25233A"
66 fillOpacity={1}
67 isAnimationActive={true}68 activeDot={({ cx, cy }) => <DotIcon x={cx - 12} y={cy - 12} />}
69 />
70 <TooltipValue must be omitted for boolean attribute
mnemonicValid76 return (
77 <SeedImportView
78 form={form}
79 mnemonicValid={true}80 onSubmit={(data) => console.log(data)}
81 restoring={false}
82 />
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 />;