javascript - 在 ReactJS 项目中使用静态 html/css/jquery 登陆页面

Question

所以我想为我的项目生成各种“登陆页面”，这些“登陆页面”将使用具有不同数据的相似元素。

这个想法本质上是让我的反应应用程序（create-react-app）加载一个“容器组件”，然后显示静态登录页面。

例如文件是...

screenContainer.jsx

pageOne.html pageTwo.html

根据用户的选择，我可以渲染pageOne.html或page2.html. 这些页面是与 jquery css 等一起使用的“模板”。

这可能吗？如果是这样，最好的方法是什么。

我现在正在使用html-loader，但被困在这个：

./src/landingPages/serre/assets/js/plugins/jquery/jquery-3.3.1.min.js
  Line 2:1:      Expected an assignment or function call and instead saw an expression  no-unused-expressions

有任何想法吗？

谢谢！

这是我当前的文件反应屏幕容器组件：

require("es6-object-assign/auto");
import React, { Component, Fragment } from "react";
import $ from "jquery";

import Page from "../landingPages/serre/index.html";
var ReactDOMServer = require("react-dom/server");

var HtmlToReactParser = require("html-to-react").Parser;

var htmlDoc = { __html: Page };

class CreatorLandingPageContainer extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return <Fragment>HELLO{this.renderPage()}</Fragment>;
  }

  renderPage() {
    var htmlToReactParser = new HtmlToReactParser();
    var reactElement = htmlToReactParser.parse(htmlDoc);
    return reactElement;
  }
}

export default CreatorLandingPageContainer;

标签： javascripthtmljquerycssreactjs