如何在 react js 中创建新门户？

Question

我正在尝试创建一个带有 id 的新门户。

这是公共文件夹中的索引 html 文件：

 <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <div id="other"></div>
  </body>

在这里，我告诉 react 以 root 的 id 在 div 中渲染这个组件：

import React from 'react';
import ReactDOM from 'react-dom';

function New() {
    return ReactDOM.createPortal(<h1>DEMO</h1>, document.getElementById('other'));
}

export default New;

但是当我启动 npm 时，我在 div 中看不到任何其他 id 的内容。

如何在 react js 中正确创建新门户？

Answer 1

我通过在 App.js 文件中包含新组件解决了这个问题：

import React from 'react';
import logo from './logo.svg';
import './App.css';

import New from './New';

function App() {
    return (
        <div className="App">
            <New />
        </div>
    );
}

export default App;

当我检查它时，新组件实际上是在 div 中，id 为 other。

如何在 react js 中创建新门户？

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-07-26 11:38:19

如何在 react js 中创建新门户？

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-07-26 11:38:19

解决方案1
0 已采纳 2020-07-26 11:38:19