我如何验证jsx模板和标签分数?

Question

我试图在jsx模板中实现if , elif, else，以实现以下数据评分，并根据评分进行标记，但我不确定如何。

Low – 0.0 – 3.9
Medium – 4.0 – 6.9
High – 7.0 – 10.0

我有一个div，代码如下

{feeds.map(post => 
<button className="search-buttons detail-button">{post.cvss}</button>
)

Answer 1

WithinJSX我们不能直接使用if/else或(for,while)这样的循环。然而，我们可以使用的是三元运算符.

语法演示:{isLoggedIn ? 'currently' : 'not'}

使用React官方文档中的资源来排序。

JSX中的条件渲染

但是，您可以在返回JSX的函数中使用if/else。(这种情况也包含在链接的文档中)