时间戳

首页 > 解决方案 > 删除所有文本后如何使受控文本字段再次为空？SPFX 反应/打字稿

javascript - 删除所有文本后如何使受控文本字段再次为空？SPFX 反应/打字稿

问题描述

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

我遇到的问题是当从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 替换为 ' ' 但这会导致 Coachmark 根本不出现。我相信这是一个简单的解决方案，但我的知识仅限于基本编程。

标签： javascriptreactjstypescriptspfx

解决方案

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

推荐阅读