javascript - 可以在 React 网络应用程序中使用 Vanilla HTML 吗？

Question

我目前在 React 网络应用程序中工作，为了节省时间，一位同事帮我设计了着陆页。他使用普通的 HTML、CSS 和普通的 JS 做到了这一点。

我的问题是，我可以使用那个着陆点而不必调整它来使用react吗？我知道我可以将所有代码包装在一个 div 中并继续。但是他使用的 JS 库必须进行调整。

我试着做一个 npm 构建，创建一个 index.html 并将构建文件夹放在它下面的一个名为“trade”的文件夹中。我试图创建如下结构:“http://ip-server/ ”是我创建的 index.html。而“http://ip-server/trade/”是 React 应用程序。我为此使用了 Docker 和 Nginx。但它似乎没有用。我只能访问 index.html，而不是构建文件夹。

我错过了什么吗？还是适配着陆更好？

Answer 1

我会使用“div”技术来调整着陆页。为此，您可以使用此处指出的“dangerouslySetInnerHTML”:https://reactjs.org/docs/dom-elements.html

function createMarkup() {
  return {__html: 'First · Second'};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}

然后您需要根据具体情况研究如何使来自该登录页面的第三方 javascript 在 React 中工作。如果您现在有能力投入时间，这对您和将来的案例都有用。希望对您有所帮助!