在JSX

Question

React / JSX中是否有办法检查用户的输入字符串是否为空？

Component.js

{((this.props.description.name ==" ")||(this.props.description.name.length==""))? 

当用户输入任何内容或空字符串长度为1个空格时，此条件有效，但如果空字符串长度超过1个空格，则失败。有没有JSX的技巧来检查这个或者我应该在我的reducer中处理它？<​​/ p>

Answer 1

你可以检查修剪过的字符串：

{this.props.description.name.trim() == ""}

这会修剪字符串（删除空格和换行符），然后检查它是否为空字符串。这是一个CodePen演示。

Answer 2

您可以轻松修剪文本并与空字符串进行比较。 试试吧：

{((this.props.description.name.trim() =="") || (this.props.description.name.trim().length==0))

看看它是如何工作的。 我见过你提醒一下Reducer？你正在使用Redux，不是吗？ 如果您使用Redux处理表单数据，则可以使用Redux表单（https://github.com/erikras/redux-form）来节省您的时间。