如何转换html模板进行反应？

Question

我从themeforest（https://themeforest.net/item/limitless-responsive-web-application-kit/13080328?s_rank=1）购买了一个HTML管理模板。

我正在构建一个MERN堆栈站点，并想知道将这个HTML模板转换为反应站点的最佳方法是什么。将模板分解为组件，手动添加路由，将HTML转换为JSX等似乎是一项繁琐的工作。

问题出现了，因为在themeforest中，最流行的管理模板是为jQuery / HTML世界而构建的，而不是为完整的堆栈JS世界。例如，我上面链接的主题有大约7000次下载。购买时这些模板为您提供了大量的HTML和CSS，如果我们必须构建一个反应网站，那么手动将HTML转换为JSX，并将其分解为组件，这是一个费力的过程。想知道是否有更好的方法来解决这个问题。

Answer 1

您可以使用：

1. html-to-react
2. wix/react-templates

从长远来看，最好是将这些模板拆分为具有明确角色的精细组件集。

Answer 2

您可以使用html-to-react-components

更好的方法是将html转换为jsx并在react-component中使用。您可以将html转换为jsx here。

Answer 3

http://www.htmltoreact.com在这里，您可以将html语法转换为jsx（reactjs）语法。

Answer 4

对于React，可以在React Component内部使用HTML，CSS和Javascript作为JSX格式。但是，如果要在 React Native 中使用HTML，CSS和Javascript，则需要使用“ WevView”组件。您可以使用“ WebView”在React Native中显示任何HTML元素。 You can see a simple example of the WebView component。