reactjs 在条件渲染中使用两个操作符

okxuctiv  于 2023-08-04  发布在  React
关注(0)|答案(2)|浏览(123)

我正在尝试创建一个条件,以便在React App中呈现错误消息。这是我的代码{channel.length > 0 || sport.length > 0 && ref.current == true && <Error content={"Επιλέξτε φίλτρα"} />}。即使满足条件,我也无法返回错误组件。提前感谢!

svujldwt

svujldwt1#

必须按照OR和AND运算符的前缀顺序排列它们。2)A(A)B(||)。所以你可能喜欢把OR(||)括号中的标准,其余的就这样吧。所以应该是

{(channel.length > 0 || sport.length > 0) && ref.current == true && <Error content={"Επιλέξτε φίλτρα"} />}

字符串
在上面的修改中,(channel.length > 0 || sport.length > 0)必须是true,整个块才能返回true
您可能希望使用一些alert()来跟踪状态。

lnlaulya

lnlaulya2#

使用bracker ()作为&&操作符比||具有更高的存在性

{((channel.length > 0 || sport.length > 0) && (ref.current == true) )&& <Error content={"Επιλέξτε φίλτρα"} />}

字符串

相关问题