如果ReactJS中出现错误，我们如何显示和错误符号（如'；！'；）？

我使用的是ReactJS+MaterialUI组件。我想向用户突出显示并显示“！”在选项卡中出现错误时进行标记。我希望在选项卡名称上添加一个错误标记，以便用户可以单击查看更多信息

有什么方法可以证明这一点吗？

将“@material ui/icons/Error”中的

导入错误图标添加到导入错误图标

{showOrNotToShow && (
            <div
              style={{ marginTop: "15px", cursor: "pointer" }}
              onClick={() => {
                alert("something");
              }}
            >
              <ErrorIcon />
            </div>
          )}

{showOrNotToShow&&(
{
警惕（“某物”）；
}}
>
)}

条件渲染如果出错，则显示错误图标。
按tab是否表示输入？“tab”是materialUI中的一个组件。
{showOrNotToShow && (
            <div
              style={{ marginTop: "15px", cursor: "pointer" }}
              onClick={() => {
                alert("something");
              }}
            >
              <ErrorIcon />
            </div>
          )}