检查三元运算符是否存在道具

Question

我有一条条件语句，在该条件语句中，我要检查路径是否包含“ hello”并购买它们，然后返回null。 （路径将作为道具传递给组件）。但是，如果没有通过路径，我不希望页面中断。如何在此处编写条件语句以检查路径是否可用？这就是我写的

if  path ? ((path.includes('/hello') || (path.includes('/bye')) : '') {
        return null
    } 

Answer 1

您可以为它提供一个空字符串的默认值，并保持代码不变，而不是检查path道具是否为undefined。

function MyComponent({ path = '' }) {
  if (path.includes('/hello') || path.includes('/bye')) {
    return null;
  }

  // ...
}