在react组件中进行比较时，如何在组件内部使用AND和OR语句

Question

我找不到在组件片段内部使用AND和OR的正确语法。比方说，我有可能在字符串中返回条件的数据

conditionOne
conditionTwo
conditionThree

我可以使用像这样的

<React.Fragment>
{data.condition === 'conditionOne' ? <>Do This </> : <> Do Something Else </>} 
<React.Fragment/>

但我想找到类似的语法，如果所有条件都满足，或者其中一个条件满足Do Something Else或Do This。

Answer 1

您可以进行

['conditionOne', 'conditionTwo', 'conditionThree'].includes(data.condition)

这将取代CCD_ 3表达。

您也可以将该数组存储在其他地方或使用Set。

一种不太容易维护的方法是使用逻辑运算符，但这可能会在条件三元运算中引起噪声。