Reactjs将输入字符串转换为大写

Question

我在Reactjs中使用react-strap创建一个应用程序。我想把一个输入字段转换为大写。

从google上看，似乎只需将 "toUpperCase() "附加到字段上就可以了，但在Visual Studio代码中并没有出现这个选项。

我在做全部替换的时候也遇到了类似的问题，但最后还是用 "const "字段解决了这个问题。

// replace ":" with "-"
const phrase = item.macs;
const replaced = phrase.replace(/:/g, '-')
item.macs = replaced;

然而，转换为const字段并不能使 "toUpperCase() "可用。

我应该怎么做才能将其转化为字符串，从而可以调用 "toUpperCase() "函数？

编辑：将 "toUpper "的引用改为 "toUpperCase"。问题是这个不能作为一个函数使用。

例如，我做

'myString'.toUpperCase()。

它工作了。但在Visual Studio Code中我无法让它带出这个功能，而且无论如何，如果我编写代码，它都会被忽略。

Answer 1

1
投票

我相信你是在寻找 toUpperCase.

Answer 2

要在javascript中使字符串大写，你可以调用 .toUpperCase() 方法。例如

 const foo = 'foo'
 const fooUpper = foo.toUpperCase()

 console.log(fooUpper) // expected result 'FOO'

Answer 3

我通过在输入项前加''来强制将其视为字符串，解决了这个问题，就像这样。

item.macs = '' + item.macs;
item.macs = item.macs.replace(/:/g, '-');
item.macs = item.macs.toUpperCase();

这样一来，所有的字符串函数都可以使用了。