Código:
import './App.css'; function App() { const firstName = 'Toto'; const lastName = 'Wolff'; const age = 35; const job = 'Principal'; const getFullName = (firstName, lastName) => '${firstName} ${lastName}' return ( <div className="App"> <h3>Full Name: {getFullName(firstName, lastName)} </h3> <p>Age : {age}</p> <p>Job : {job}</p> </div> ); } export default App;Producción:
Full Name: ${firstName} ${lastName} Age : 35 Job : PrincipalEstás mezclando sintaxis. Las cadenas de plantilla requieren acentos graves.
`${firstName} ${lastName}`Si desea utilizar comillas simples
firstName + ' ' + lastNameSu código está bien, solo usó comillas simples '' en lugar de comillas inversas '' aquí
const getFullName = (firstName, lastName) => `${firstName} ${lastName}`código completo
import './App.css' function App() { const firstName = 'Toto'; const lastName = 'Wolff'; const age = 35; const job = 'Principal'; const getFullName = (firstName, lastName) => `${firstName} ${lastName}` return ( <div className="App"> <h3>Full Name: {getFullName(firstName, lastName)} </h3> <p>Age : {age}</p> <p>Job : {job}</p> </div> ); } export default App;ver: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
Está usando comillas simples, use comillas invertidas (literales de plantilla) en su lugar
const getFullName = (firstName,lastName) => `${firstName} ${lastName}`