Fatal编程技术网
  • reactjs/
  • Reactjs 如何验证jsx模板和标记分数？

Reactjs 如何验证jsx模板和标记分数？

reactjs

Reactjs 如何验证jsx模板和标记分数？,reactjs,jsx,Reactjs,Jsx,我试图在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> ) {feed

我试图在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>
)

{feeds.map（post=>
{post.cvss}
)

在JSX中，我们不能直接使用
if/else
或类似（
for
，
while
）的循环。但是，我们可以使用的是三元运算符

语法演示：
{isLoggedIn？'current'：'not'}

使用React Official Docs中的此资源，将您与此进行排序




但是，您可以在将JSX返回到代码中的函数中使用
if/else
。（这种情况也在链接的文档中介绍）
什么是
提要
？它是一个服务器端变量，用于将api数据呈现给我的组件3个标签怎么样？会是怎样的？亲爱的ana osuna。你可以使用嵌套的terniary运算符。但我实际上不明白你具体想实现什么。做一件事。创建对象结构codesandbox并共享lin和我一起去，这样我们才能真正看到发生了什么，以及如何解决它