如何将2个JS文件连接到index.html [reactjs]

Question

我的意图是创建一个带有反应组件的分屏 html。 下面的代码来自 index.html & 我想将 2 个 JS 文件连接到它，每个页面的一半。

一个 JS 文件是 index.js，它可以工作，但第二个 js 文件没有被渲染。 index.js 被标识为“root”，第二个 js 被标识为“root2”。

<body>
<div class="split left">
    <div class="centered">
        <div id="root"></div>
    </div>
</div>

<div class="split right">
    <div class="centered">
        <div id="root2"></div>
    </div>
</div>
</body>

对于 getElementById('root')，我拥有的两个 js 文件的代码都是相同的

import React from 'react';
import ReactDOM from 'react-dom';
import App from './app';

ReactDOM.render(
    <React.StrictMode>
        <App />
    </React.StrictMode>,
    document.getElementById('root')
);

我想我正在接近这个错误，任何帮助将不胜感激

Answer 1

在 index.js 中有 2 个具有不同 id 的渲染解决了这个问题，不需要第二个 js 文件。

import React from 'react';
import ReactDOM from 'react-dom';
import App from './app';
import App2 from "./app2";

ReactDOM.render(
    <React.StrictMode>
        <App />
    </React.StrictMode>,
    document.getElementById('root')
);
ReactDOM.render(
    <React.StrictMode>
        <App2 />
    </React.StrictMode>,
    document.getElementById('root2')
);

如何将2个JS文件连接到index.html [reactjs]

问题描述

1 个解决方案

解决方案1
0 2021-05-03 21:56:31

如何将2个JS文件连接到index.html [reactjs]

问题描述

1 个解决方案

解决方案1 0 2021-05-03 21:56:31

解决方案1
0 2021-05-03 21:56:31