Javascript Props与三元算子
我有一个简单的列表,如果字符串长度大于0,我想显示或隐藏某些文本,但我总是得到相同的输出(“C”),即使在更新之后也不会改变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
<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,请随意将这个问题标记为已回答:)您在评论中发布了==
,而不是
。听起来这是你的解决方案,而不是添加括号。如果是这样的话,我可能会结束这个问题。添加括号*与问题无关。