22

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

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

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

4

3 回答 3

9

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

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

于 2018-10-22T19:49:56.807 回答
4

您可以使用：

  1. html-to-react
  2. 蜡/反应模板

然而，从长远来看，如果您可以将这些模板拆分为一组具有明确定义的角色的细粒度组件，那就更好了。

于 2017-11-18T20:21:34.137 回答
0

对于 React，您可以在 React 组件中使用 HTML、CSS 和 Javascript 作为 JSX 格式。但是如果你想在React Native中使用 HTML、CSS 和 Javascript那么你需要使用“WevView”组件。您可以使用“WebView”在 React Native 中显示任何 HTML 元素。您可以看到一个简单的 WebView 组件示例。

于 2020-04-24T14:29:49.593 回答