如何在React中的一个ReactDom行中呈现多个js文件(目标容器不是React中的DOM元素)

在React中，可以通过在一个ReactDom行中呈现多个js文件来实现目标容器不是React中的DOM元素的需求。具体步骤如下：

首先，确保你的React项目已经正确配置和安装。你可以使用Create React App来创建一个新的React项目。
在React项目的根目录中，创建一个新的JavaScript文件（例如file1.js）和一个目标容器文件（例如index.html）。
在file1.js中编写你需要呈现的逻辑或组件。
在index.html的目标容器元素中添加一个id，以便在React中找到它。例如，你可以在目标容器元素中添加<div id="target"></div>。
在index.html中引入file1.js。例如，你可以在<head>标签中添加<script src="file1.js"></script>。
在React项目的入口文件（通常是index.js）中，使用ReactDOM.render()方法将目标容器和file1.js中的内容呈现到目标容器中。

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

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

// 将file1.js中的内容呈现到目标容器中
ReactDOM.render(
  <div>这是file1.js中的内容</div>,
  document.getElementById('target')
);

在上面的代码中，我们首先使用ReactDOM.render()方法将React组件<App />呈现到根目标容器中（通常是React中的DOM元素）。然后，我们再次使用ReactDOM.render()方法将file1.js中的内容呈现到目标容器（即具有id="target"的容器）中。

这样，你就可以在React中的一个ReactDom行中呈现多个js文件，而目标容器不是React中的DOM元素。

参考链接：