检查三元操作员是否存在道具

Question

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

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

Answer 1

，而不是检查 path prop是否是 undefined，您可以给它一个空字符串的默认值并保持代码。

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