Javascript 如何将模板从Handlebar迁移到React'；s JSX

我需要将代码从主干视图迁移到react视图

我正在主干视图中使用把手模板，我需要将其放入React组件的

渲染方法中

有人能建议如何将这两种实用方法移动到JSX吗

与

<div>
  {{#with paymentDescription}}
    <div class="test">
      <p>some text</p>
    </div>
  {{/with}}
</div>


{{#带付款说明}
一些文本

{{/与}}

除非

<div class="name">
  {{ abc.def.firstName }} {{ abc.def.lastName }}
  {{#unless quote.def}}
    &nbsp;
  {{/unless}}
</div>


{{abc.def.firstName}{{abc.def.lastName}}
{{{#除非quote.def}
{{/除非}

如果表达式返回falsy值，则将呈现
块中的所有内容，除非

将其替换为以下jsx代码：

let unless_block = "";
if (!props.quote.def) { unless_block = "&nbsp;" }
return (
    <div className="name">
    { props.abc.def.firstName } { props.abc.def.lastName }
    {unless_block}
    </div>
);

如果表达式返回falsy值，则将呈现
块中的所有内容，除非

将其替换为以下jsx代码：

let unless_block = "";
if (!props.quote.def) { unless_block = "&nbsp;" }
return (
    <div className="name">
    { props.abc.def.firstName } { props.abc.def.lastName }
    {unless_block}
    </div>
);

将代码作为格式化文本而不是图像发布！我为你编辑过。至于这个问题，你不需要这些助手中的任何一个。只需在组件中使用内联JSX表达式引用变量即可。浏览React文档。我最初尝试使用格式化文本，但没有找到正确的方法。它被认为是一个HTML标记。（我可能在那里做错了什么）关于问题：如果您能提供与上述代码片段完全相同的JSX（至少第一个代码片段是这样的），那就太好了。上面第一个的内联JSX表达式是什么。根据react文档，类将转换为className，但不确定handlebar helper方法（主要是以上两种）是否以格式化文本而不是图像的形式发布代码！我为你编辑过。至于这个问题，你不需要这些助手中的任何一个。只需在组件中使用内联JSX表达式引用变量即可。浏览React文档。我最初尝试使用格式化文本，但没有找到正确的方法。它被认为是一个HTML标记。（我可能在那里做错了什么）关于问题：如果您能提供与上述代码片段完全相同的JSX（至少第一个代码片段是这样的），那就太好了。上面第一个的内联JSX表达式是什么。根据react文档，类将转换为className，但不确定handlebar助手方法（主要是上述两种）