2 回答

TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超3個(gè)贊
<h5 className="recipes__title"> //An html header
//Containing...
{
item.recipe.label < 20 ? // If the item.recipe.label is less than 20 then...
`${item.recipe.label}` // the label
: `${item.recipe.label.substring(0, 25)} //else the first 25 characters of the label followed by
...` // the string "..."
}
</h5>
您可以在此處找到有關(guān)三元運(yùn)算符(有條件地解析為兩個(gè)表達(dá)式之一的表達(dá)式)的信息
您可以在此處找到有關(guān)模板文字(可以包含要解析的 javascript 的字符串)的信息

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊
JSX 部分:
<element> { // You can put your Javascript here but mostly inline script. } </element
`${...}`
這是 ES6 中引入的字符串模板。它用于構(gòu)建字符串。${}
表示要處理JS,變量名或函數(shù)調(diào)用。
子串(0, 25)
這是檢查標(biāo)簽是否最多 25 個(gè)字符的部分。如果不是,它會(huì)選擇前 25 個(gè)字符,然后在其后添加省略號(hào)(...
)。
添加回答
舉報(bào)