如果字段有信息，如何显示跨度，否则 React JSX 不显示？

Posted 2023-02-22

【中文标题】如果字段有信息，如何显示跨度，否则 React JSX 不显示？

【英文标题】：How to display a span if the field have an information else no display with React JSX?

【发布时间】：2021-09-25 02:58:56

【问题描述】：

当字段不为空时我需要显示图标，否则我们会显示没有关闭图标的空字段

  this.state.showIcon ? (
    <span
      style= cursor: "pointer" 
      onClick=() => 
        this.props.handleChangeAnyInput("", `exercice_$item.id`);
      
    >
      X
    </span>
  ) : (
    ""
  );

【问题讨论】：

您的代码是正确的，只需将) : ( "" ); 更改为) : ( <span></span> ); 以保留

请回答

嗨。 IMO 这不符合how to ask a good question 的标准。请添加预期的行为，以及您得到的结果。

【参考方案1】：

这是工作代码

            this.state.showIcon ? 
              <span
                style= cursor: "pointer" 
                onClick=() => 
                  this.props.handleChangeAnyInput("", `exercice_$item.id`);
                
              >
</span>
             : 
              ""
          

【讨论】：

非常感谢，但我也需要当字段有文件时，要关闭的图标存在