javascript - 如何在return()中调用var

Question

我可以使用 return () 创建输出两个显示两个const包含数字作为值:

return (
   <div>
     <span>{const_one}</span> {const_two}
   </div>
)

如果是随机 bool 值 var statement = true我要输出

return (
   <div>
     {const_one}
   </div>
)

每当我使用if ()时我的return ()内的功能我收到一个错误。我怎样才能实现这个目标？我试图创建一个 const检查状态并创建另一个 const包括输出:

const statement = false;
// or
const statement = true;

let customOutput = '<span>{const_one}</span> {const_two}';

if (statement === true) customOutput = const_one;

return (
  <div>
    {customOutput}
  </div>
)

在此示例中 const_one或const_two标签显示为 html 文本，而不是显示它们的值(实际上是数字):

<span>{const_one}</span> {const_two}而不是<span>24</span> 36 .

如何更改标记以显示 const {customOutput} 内的值

Answer 1

您可以使用三元运算符来实现此目的:

return (
  <div>
    {statement
      ? const_one
      : <span><span>{const_one}</span> {const_two}</span>}
  </div>
);