javascript - 向箭头函数添加条件

Question

我有以下代码片段，

  {categoriesWithSub.length > 0 &&
     categoriesWithSub.map(item => {
    //Add new condition here
      const pageChanges = {
        catId: item.id,
        catName: item.catName,
      };
      return (
        <Tile
          to="./request"
          text={item.catName}
          key={item.id}
          onClick={() => handleChange('departments', pageChanges)}
        />
      );
    })}

如何在 item 上添加以下子条件，类似这样:

item.subCategories.length > 0 ?
return (...): 
retrun (  
    <Tag
        text={''}
        to="../exact-request"
        key={0}
        onClick={() => handleChange('request', '')}
    />

我尝试过，但语法有问题:

{categoriesWithSub.length > 0 &&
    categoriesWithSub.map(item => {
      item.subCategories.length > 0 ?(
      const pageChanges = {
        catId: item.id,
        catName: item.catName,
      };
      return (
        <Tile
          to="./request"
          text={item.catName}
          key={item.id}
          onClick={() => handleChange('departments', pageChanges)}
        />
      );
      ):
      retrun (
       <Tag
          text={''}
          to="../exact-request"
          key={0}
          onClick={() => handleChange('request', '')}
        />
      )
    })}

Answer 1

return (item.subCategories.length > 0) ?
(...): 
(  
    <Tag
        text={''}
        to="../exact-request"
        key={0}
        onClick={() => handleChange('request', '')}
    />
)