我想禁用按钮,如果输入中的值为空格。不能在React中找到任何有关的内容。
<Button onClick={handleClick} disabled={username === " "} /> //here's my button
现在,它仅在我输入1个空格时才禁用,但我总是希望在有空格时禁用它。谢谢!
可以使用Regexp.Test
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/test
/\s/.test(username)
如果用户名包含any空格,则返回true,否则返回false。
<Button onClick={handleClick} disabled={username.includes(" ")} />
或
<Button onClick={handleClick} disabled={(/\s/g).test(username)} />
几种方法:
检查索引:username.indexOf(' ') >= 0
检查是否包含:username.includes(' ')
使用regEx:/\s/g.test(username)
<Button onClick={handleClick} disabled={username.includes(" ")} />