Javascript React中基于三元运算符的数据显示

我需要

年度计划

或

月度计划

来映射它，具体取决于

是否为每年一次的

。最安全的定价方式是什么？ 我有一个切换按钮，可以在年度计划和月度计划之间切换

它是怎么做到的

下面是我的代码

{isAnnually
  ? annualPlans
  : monthlyPlans.map((p, index) => (
      <Fragment key={index}>
        <PlanCard
          id={p.value}
          current={p.current}
          title={p.name}
          price={`$ ${
           p.annual_price ? p.annual_price : p.monthly_price
           }`}
        />
      </Fragment>
    ));
}

{i每年
？年度计划
：monthlyPlans.map（（p，index）=>(
));
}

在调用

.map（）

之前，需要将三元条件括在括号中

{（按年？年度计划：月度计划）.map（（p，索引）=>(
))}

{(isAnnually ? annualPlans : monthlyPlans).map((p, index) => (
  <Fragment key={index}>
    <PlanCard
      id={p.value}
      current={p.current}
      title={p.name}
    />
  </Fragment>
))}