Reactjs 如何转换html模板以作出反应?

Reactjs 如何转换html模板以作出反应?,reactjs,mern,Reactjs,Mern,我从themeforest()购买了一个HTML管理模板 我正在构建一个MERN stack站点,想知道将这个HTML模板转换为react站点的最佳方式是什么。将模板分解为组件、手动添加路由以及将HTML转换为JSX等似乎是一项乏味的任务 出现这个问题是因为在前面,最流行的管理模板是为jQuery/HTML世界而构建的,而不是为完整的JS世界而构建的。例如,我上面链接的主题有大约7000次下载。购买这些模板后,您会得到一大堆HTML和CSS,如果我们必须用它们构建一个react站点,那么手动将H

我从themeforest()购买了一个HTML管理模板

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


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

您可以使用:

  • 但是,从长远来看,如果您可以将这些模板拆分为一组具有明确定义的角色的细粒度组件,则效果更好。

    您可以使用


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

    如果使用React,您可以在React组件内部使用html、CSS和Javascript作为jsx格式。但如果您想在React Native中使用HTML、CSS和Javascript,则需要使用“WevView”组件。您可以使用“WebView”在React Native中显示任何HTML元素

    我了解CreateReact应用程序。我的问题是,考虑到前面给出了一大堆html,是否有一种将其转换为JSX的标准方法。因为,将HTML转换为JSX是一个费力的过程。问题的出现是因为在前面,最流行的管理模板是为jQuery/HTML世界而构建的,而不是为完整的JS世界而构建的。例如,我在问题中链接的主题有大约7000次下载。购买这些模板后,您会得到一大堆HTML和CSS,如果我们必须用它们构建react站点,那么将HTML转换为JSX将是一个费力的过程。因此,我的问题是,有没有一种更简单的方法我错过了。@Ninja你找到了解决方案吗?@Arpit还没有-我认为除了手动将模板分解为组件并重写之外,没有任何简单的方法。