reactjs - 如果 ReactJS 出现错误，我们如何显示和错误符号（如“！”）？

Question

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

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

标签： reactjsmaterial-ui

Answer 1

https://codesandbox.io/embed/material-demo-ioxsf?fontsize=14&hidenavigation=1&theme=dark

添加import ErrorIcon from "@material-ui/icons/Error"到导入错误图标。

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

如果错误则条件渲染，然后显示错误图标。