从中删除所有文本后如何再次使受控文本字段为空？ SPFX React/TypeScript

Question

我在表单上有一个文本字段 (A) (Fabric UI)。我有一个 coachMark (Fabric UI)，如果 textfield(A) 为空白，它会出现在按钮上方。

我遇到的问题是当从TextField(A)中删除所有文本时，它不再被认为是空的。状态将其初始化为 null。

这是触发条件的代码及其后续状态设置：

    } else if(currentStep === 8 && this.props.esscrit10 === null){
      this.setState({
        isCoachmarkVisible: true,
        coachmarkText: 'Please click the Next button.'
      }, () => {
        this.props.handler(this.state);
      });

当我从 esscrit10 文本字段中删除所有文本时，我已经记录了它的内容，但它显示为空白。我试过用 ' ' 替换 null 但这会导致车标根本不出现。我相信这是一个很容易解决的问题，但我的知识仅限于基本编程。

Answer 1

尝试使用 !this.props.esscrit10 而不是 this.props.esscrit10 === null

从中删除所有文本后如何再次使受控文本字段为空？ SPFX React/TypeScript

How to make a controlled textfield null again after deleting all the text from it? SPFX React/TypeScript

javascript

typescript

reactjs

spfx