当警徽号码为0时，使用React和类型记录隐藏它。

Question

我正在开发徽章组件。当号码为0时，我想隐藏Bade。

我在密码箱上试过这个。我用的是隐形的道具。这有一个“隐形”类。当batchContent为0时，我不知道如何应用这个类。我试过了，但没有用。不确定使用useState是否有帮助。请帮我处理这个。谢谢。

这是我的链接https://codesandbox.io/s/badgecomponent-ljdq25?file=/src/components/Badge.tsx

Answer 1

只有当badgeContent大于0时，才能有条件地显示它。

{Number(badgeContent) > 0 && (
   <span className={`badgeContent`}>
      {displayValue}
   </span>
)}