Question

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

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

如果我想输出随机布尔值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>
);

如何在return（）中调用var

1 个答案: