如何调用 var 作为回报 (）

How to call var in return ()

本文关键字：回报 var 调用 何调用      更新时间：2023-09-26

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

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

如果我想输出随机布尔var statement = true

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

每当我在return ()中使用if ()函数时，我都会收到错误。我怎样才能做到这一点？我尝试创建一个检查状态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.

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

您可以使用三元运算符：

return (
  <div>
    {statement
      ? const_one
      : <span><span>{const_one}</span> {const_two}</span>}
  </div>
);
相关文章：