我目前在 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,而不是构建文件夹。
我错过了什么吗?还是适配着陆更好?
最佳答案
我会使用“div”技术来调整着陆页。为此,您可以使用此处指出的“dangerouslySetInnerHTML”:https://reactjs.org/docs/dom-elements.html
function createMarkup() {
return {__html: 'First · Second'};
}
function MyComponent() {
return <div dangerouslySetInnerHTML={createMarkup()} />;
}
然后您需要根据具体情况研究如何使来自该登录页面的第三方 javascript 在 React 中工作。如果您现在有能力投入时间,这对您和将来的案例都有用。希望对您有所帮助!
关于javascript - 可以在 React 网络应用程序中使用 Vanilla HTML 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53608400/