Require template literals instead of string concatenation JS-0246
Anti-pattern
Minor
2 years ago
—
2 years old
Unexpected string concatenation.
152 {process.env.NEXT_PUBLIC_NODE_ENV === "development" && (
153 <p className="text-yellow-600">
154 {session.user?.role
155 ? "Role: " + session.user?.role156 : "No role"}
157 </p>
158 )}Unexpected string concatenation.
135 {process.env.NEXT_PUBLIC_NODE_ENV === "development" && (
136 <p className="text-yellow-600">
137 {session?.user?.role
138 ? "Role: " + session?.user?.role139 : "No role"}
140 </p>
141 )}
Description
In ES2015 (ES6), we can use template literals instead of string concatenation.
var str = `Hello, ${name}!`;
Bad Practice
var str = "Hello, " + name + "!";
var str = "Time: " + (12 * 60 * 60 * 1000);
Recommended
var str = "Hello World!";
var str = `Hello, ${name}!`;
var str = `Time: ${12 * 60 * 60 * 1000}`;
var str = "Hello, " + "World!";