我有一個要渲染一些 JSX 的 div。在那個 JSX 中，我想加粗一些文本。當我像這樣添加我的 jsx 時，我收到一個錯誤。我似乎找不到關于這個確切問題的任何文章，需要一些幫助。
我確定我錯過了一些非常簡單的東西
這是我的 div
我怎樣才能只加粗 {Array.length} ？
當我渲染它顯示 Your list contains [object Object] row(s).
<div>
<div className='border-solid border-2x border-300rounded-soft text-center cursor-pointer'>
{ `Your list contains ${<strong>{Array.length}</strong>} row(s).`}
</div>
</div>
uj5u.com熱心網友回復：
這是因為反引號內的任何內容都會被翻譯成字串。
你可以做的是將它分開（在這種情況下你不再需要反引號）：
<div>
<div className='border-solid border-2x border-300rounded-soft text-center cursor-pointer'>
Your list contains row(s). <strong>{Array.length}</strong> row(s).
</div>
</div>
uj5u.com熱心網友回復：
試試這樣，
<div>
Your list contains <strong>${Array.length}</strong> row(s).
</div>
uj5u.com熱心網友回復：
<div className='border-solid border-2x border-300rounded-soft text-center cursor-pointer'>
{ `Your list contains `} <strong>{Array.length} </strong> {`row(s).`}
</div>
你可以參考檔案：https : //reactjs.org/docs/jsx-in-depth.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/403139.html
標籤：