条件语句不起作用

时间:2020-09-11 01:36:02

标签: reactjs

link to error绿色的对号图标应该以绿色显示绿色文本“ Validated(T / F):TRUE”,这是正确的。但是,红色图标应该显示过期(T / F):真,红色,但是显示为绿色。我想检查一下图标是否返回绿色

这是我的三元组:

  <b style={{color: getColor('action', props.request.is_valid ? 'green' : 'red'  )}}>Validated (T/F):
    {props.request.is_valid == null ? ' None' : props.request.is_valid ? ' TRUE' : ' FALSE'}
  </b>

2 个答案:

答案 0 :(得分:0)

我认为错误是在您的条件'props.request.is_valid中? '绿色':'红色'。有条件的(is_valid)始终返回一个值(不为null),并返回真实情况,这就是显示绿色的原因。尝试查看您的“ is_valid”函数返回的内容。

答案 1 :(得分:0)

getColor()函数用于什么?

因此,如果我了解您要根据<b>来更改props.request.is_valid元素的颜色?

如果正确,则必须将样式更改为:

<b style={{ color : props.request.is_valid === null ? "green" : "red"></b>