javascript - 现有 HTML 中的 ReactJS

标签 javascript html reactjs

我正在使用 ReactJS 创建我的第一个应用程序。所以我想知道是否可以在现有 HTML 中使用(添加)React?

请帮帮我

最佳答案

可能是。

您只能使用 React 在现有网站中创建特定的动态小部件。您不会被迫使用 React 渲染/操作所有 DOM。

当你渲染一个 React 组件时,你需要指定渲染它的根 DOM 节点。

举个例子:

class HelloMessage extends React.Component {
  render() {
    return <div>Hello {this.props.name}</div>;
  }
}
ReactDOM.render(<HelloMessage name="Sebastian" />, mountNode);

在这种情况下,mountnode 将是对页面中特定 dom 节点的引用。 React 将仅在该节点内工作,因此如果您不使用其他库/javascript 代码片段操作它,一切都应该按预期工作

关于javascript - 现有 HTML 中的 ReactJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36651260/

相关文章:

来自数据库/文件的 Javascript 代码

javascript - 当用户到达 iframe Div 末尾时如何显示操作按钮?

java - 用于单击网站上的 onclick img alt HTML 元素的 Powershell 脚本

php - 表单邮件重定向问题

reactjs - 从 for 循环中的多个连续异步调用调用多个 `setState` Hook

reactjs - 如何更改 Mui DatePicker v5 的宽度

reactjs - 测试通过,但出现错误消息 "Error: connect ECONNREFUSED 127.0.0.1:80"

javascript - 如何在不知道 javascript 中使用 JSON 的特定键的情况下获取属性值

javascript - HTML 根据屏幕大小更改类名

jquery - 如何使元素在手机屏幕上是一个在另一个下面