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

标签 javascript html reactjs

我目前在 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/

相关文章:

javascript - Express Session 不会取消设置变量

javascript - 数组访问问题

javascript - 带有 jQ​​uery UI 图标按钮的 jQuery Accordion 标题(隐藏/显示 + 悬停/单击)

javascript - React - 如何将返回的数据从导出函数传递给组件?

javascript - 停止输入键提交也会停止多行文本编辑中的输入键

javascript - 如何根据 viewbox 或 svg 标签的高度宽度缩放绘图

javascript - onClick 在 :active is set on img 时调用第二个 Click

JavaScript,没有 JQuery 请问,如何获取 iframe 中特定标签的总数

html - 如何添加overflow-x : hidden to react js on mobile

javascript - 为什么状态更新后 store.subscribe() 没有触发?