javascript - 如何在react js中操作字符串变量

Question

我有一个标签，其值来自数组。我想使用该名称来为我的标签提供 id。下面是代码。

<label htmlFor={name}><b>{ name }</b> </label>

如何将其转换为小写并删除其之间的空格，以便我可以在 html 中拥有正确的 id。我看起来有点像下面。

<label htmlFor={name}.trim().toLowerCase()><b>{ name }</b> </label>

Answer 1

在 JSX 中，常规 JavaScript 表达式位于 { 和 } 之间，而不仅仅是变量名称。

htmlFor={ name.trim().toLowerCase() }

请注意，trim 仅删除字符串开头和结尾处的空格，而不是中间的空格。