代碼：
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>
);
}
匯出默認應用程式；
輸出：
全名：${firstName} ${lastName} 年齡：35 作業：校長
uj5u.com熱心網友回復：
您正在混合語法。模板字串需要反引號。
`${firstName} ${lastName}`
如果你想使用單引號
firstName ' ' lastName
uj5u.com熱心網友回復：
您的代碼很好，只是您在這里使用了單引號 '' 而不是反引號 ``
const getFullName = (firstName,
lastName) => `${firstName} ${lastName}`
完整代碼
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;
見：https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
uj5u.com熱心網友回復：
您正在使用單引號，而是使用反引號（模板文字）
const getFullName = (firstName,lastName) => `${firstName} ${lastName}`
在此處了解模板文字
uj5u.com熱心網友回復：
我會這樣做：
const getFullName = (firstName,lastName) => firstName ' ' lastName
uj5u.com熱心網友回復：
但在功能上你可以試試這個..
const getFullName=(firstName,lastName) => {
return firstName " " lastName;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/472697.html
標籤：javascript 反应 功能
上一篇：使輸入樣式表現得像h1樣式