如何在React组件中返回车把模板？
如何在React组件中返回车把模板？
提问于 2022-05-11 08:31:21
我在一个项目上使用手柄模板，但是现在我需要使用React来处理一些逻辑。我成功地在我的非反应性项目中集成了我的React组件，但是如何在react组件中返回一个工具栏模板呢？
const Component = (props) => {
const { .... } = props;
// some logic ....
// return handlebars
return {{> components/users/user}};
};我不能将我的车把组件转换成React，因为有很多这样的组件，并且逻辑是在jQuery中实现的，所以我只需要返回React组件中的节条组件。
回答 1
Stack Overflow用户
发布于 2022-05-11 08:44:39
车把模板是一个字符串。
JSX是一种用于生成JS的语法，它用不基于字符串的术语描述DOM。
如果您想要生成一个手柄模板，那么您需要处理字符串。
const template = "{{> components/users/user}}"如果您想从组件中返回某个内容，那么它必须是JSX，所以您需要将生成一个insert的HTML字符串带到结果中。
const compiledTemplate = Handlebars.compile(template);
const html = compiledTemplate({ foo: "Bar" });
const innerHTML = { __html: html };
return <div dangerouslySetInnerHTML={innerHTML} />;不过，这似乎是个非常糟糕的主意。如果你想使用React，请使用React。将您的车把模板转换为组件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72197836
复制相关文章
相似问题
腾讯云开发者
