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

Question

我有一个标签，其值来自数组。 我想用这个名字来给我的标签 id ti。 下面是代码。

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

我怎样才能将它转换为小写并删除它之间的空格，以便我可以在 html 中有正确的 id。 我看起来有点像下面。

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

Answer 1

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

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

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