Javascript Props与三元算子

Javascript Props与三元算子,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,我有一个简单的列表,如果字符串长度大于0,我想显示或隐藏某些文本,但我总是得到相同的输出(“C”),即使在更新之后也不会改变 <li>{props.sen}{props.sen.length > 0 ? "" : "C"}</li> <li>{props.sax}{props.sax.length > 0 ? "" : "C"}</li> <li>{props.sac}{props.sac.lengt

我有一个简单的列表,如果字符串长度大于0,我想显示或隐藏某些文本,但我总是得到相同的输出(“C”),即使在更新之后也不会改变

    <li>{props.sen}{props.sen.length > 0 ? "" : "C"}</li>
    <li>{props.sax}{props.sax.length > 0 ? "" : "C"}</li>
    <li>{props.sac}{props.sac.length > 0 ? "" : "C"}</li>
  • {props.sen}{props.sen.length>0?”:“C”}
  • {props.sax}{props.sax.length>0?“:“C”}
  • {props.sac}{props.sac.length>0?“:“C”}

  • sen
    sax
    sac
    的初始状态是
    ,但即使在状态更新为“value”的更新之后,
    C
    仍然保留。

    我想你忘记了括号,试试这个:

     <li>{props.sen}{(props.sen.length > 0 ? "" : "C")}</li>
     <li>{props.sax}{(props.sax.length > 0 ? "" : "C")}</li>
     <li>{props.sac}{(props.sac.length > 0 ? "" : "C")}</li>
    
  • {props.sen}{(props.sen.length>0?”:“C”)}
  • {props.sax}{(props.sax.length>0?”:“C”)}
  • {props.sac}{(props.sac.length>0?“:“C”)}
  • 解决方案是删除“>”并添加“==”而不是它。这是正确的代码

     <li>{props.sen}{(props.sen.length == 0 ? "" : "C")}</li>
     <li>{props.sax}{(props.sax.length == 0 ? "" : "C")}</li>
     <li>{props.sac}{(props.sac.length == 0 ? "" : "C")}</li>
    
  • {props.sen}{(props.sen.length==0?”:“C”)}
  • {props.sax}{(props.sax.length==0?“:“C”)}
  • {props.sac}{(props.sac.length==0?”:“C”)}

  • 您的数据更新不正确。您正在阅读道具,但您提到更新
    状态
    。请发布更多相关代码。我们需要您的所有代码来帮助您。很抱歉没有回答。。。解决方案是{(props.sac.length==0?”:“C”)}当我添加括号时,它开始工作。嘿,@ounnowno,请随意将这个问题标记为已回答:)您在评论中发布了
    ==
    ,而不是
    。听起来这是你的解决方案,而不是添加括号。如果是这样的话,我可能会结束这个问题。添加括号*与问题无关。