javascript - 是否可以用 React 替换 DOM 元素?

标签 javascript reactjs

我想渲染一个<section>使用 React 的元素,但前提是满足某些条件。

问题是我无法嵌套 <section><div>内所以除了<body>之外的最高级别的DOM元素是 <section>

我的 HTML:

<section id="my_element"></section>

我的 react :

ReactDOM.render(
  <div className="container">
    ...
  </div>,
  document.getElementById('my_element')
);

我知道使用 Angular 指令,您可以使用 replace: true 将原始 DOM 元素替换为渲染的元素。

app.directive('myElement', function(){
  return {
    replace: true,
    ...
    }
  };
});

React 中有类似的东西吗?

最佳答案

目前尚未实现: https://github.com/facebook/react/issues/1311

关注本期查看进展: https://github.com/facebook/react/issues/1711

有解决方法的 StackOverflow 问题:
React.render replace container instead of inserting into
解决方法包括创建一个临时 div,然后替换节点。

关于javascript - 是否可以用 React 替换 DOM 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33535973/

相关文章:

javascript - 如何使用javascript在html中制作粘性菜单栏

reactjs - 如何使用MaterialUI Button调用功能组件中按钮的组件onClick

javascript - ReactJS:组件属性更改后重新渲染不起作用

javascript - ./src/App.js 第 6 行 :19: 'Component' is not defined no-undef

javascript - 过滤器 :notarray Expected array but received: 0

javascript - 在 ng-repeat 中显示子数组

javascript - React/NodeJS 在开发中不会通过 localhost 进行通信

reactjs - React 和 babel 中的可选链接运算符

reactjs - Create-React-App 未从 docker-compose.yml 读取环境变量

javascript - 如何获取从 html 文件发送到 php 的数据并接收并显示数据