reactjs - React 中的 Handlebars 模板

Question

目前我们正在从 jquery 迁移一个应用程序来使用react。在现有的应用程序中，handlebar 用于少数 html 生成，这些 html 进一步发送到服务器以生成 pdf 。是否可以在 REact 应用程序中重新使用 Handlebars 。基本上我们想使用 Handlebars 模板并使用来自 React 应用程序后端的 Json 填充它，是否有可能，如果有任何指针？

Answer 1

它实际上与 React 没有任何关系。如果我正确理解您的问题，您希望在客户端(在浏览器中)运行 handlebar。答案是肯定的，你绝对可以在你的 React 应用程序中导入 Handlebar 并编译模板。

import Handlebars from "handlebars";

const hbr = `
<p>Hello, my name is {{name}}. I am from {{hometown}}. I have " +
"{{kids.length}} kids:</p>" +
"<ul>{{#kids}}<li>{{name}} is {{age}}</li>{{/kids}}</ul>
`;

const template = Handlebars.compile(hbr);
const htmlString = template(data);

以 https://codesandbox.io/s/sweet-http-c4565 为例。