Require template literals instead of string concatenation JS-0246
Anti-pattern
Minor
8 months ago
—
2 years old
Unexpected string concatenation
65 }`}
66 onClick={() => setChannel(c)}
67 >
68 {channels[c].icon + ' ' + c} 69 </span>
70 ))}
71 </div>Unexpected string concatenation
79 <div className="mt-3">
80 <span className={'break-all text-gray-600'}>
81 {data.description.length > 400
82 ? data.description.substring(0, 400) + '...' 83 : data.description}
84 </span>
85 </div>
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!";