string - 检查 JSX 中的空字符串

Question

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

组件.js

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

当用户不输入任何内容或输入 1 个空格长的空字符串时，此条件有效，但如果空字符串长度超过 1 个空格，则会失败。 JSX 是否有一个技巧可以检查这个问题，或者我应该在我的 reducer 中处理这个问题？

Answer 1

您可以检查是否有修剪过的字符串:

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

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