Javascript React代码的问题“；目标容器不是DOM元素；

我正在学习如何反应，并且遇到了一个特殊的错误

如果我试图将我的

登录

和

注册

类放入索引文件的渲染函数中以输出它，我会得到错误：

目标容器不是DOM元素

如果我的渲染只有登录或注册，它可以正常工作，但是当我将它们组合到一个渲染函数中时，会出现错误，我不确定如何修复此问题

我曾尝试删除其中一个类来再次检查它是否编译成功，但当我添加第二个类时，它失败了

我的

Index.js

文件中的渲染函数代码为

import React from "react";
import { render } from "react-dom";
import Login from "./Login";
import Register from "./Register";


render(

  <Login />, 
  <Register />,
  document.getElementById("root")
);

从“React”导入React；
从“react dom”导入{render}；
从“/Login”导入登录名；
从“/Register”导入寄存器；
渲染(
, 
,
document.getElementById（“根”）
);

我的登录文件的输出代码为

render() {
        return (
            <form>
            <pre>{JSON.stringify(this.state)}</pre>
            <button onClick={ event => this.login(event) }>Login</button>
            <pre {...(this.state.message.isEmpty ? "hidden" : "")}>
            {this.state.message}
            </pre>
            </form>

        );
    }
}

export default Login;

render（）{
返回(
{JSON.stringify（this.state）}
this.login（event）}>login
{this.state.message}
);
}
}
导出默认登录；

register的输出代码与Login几乎相同，除了与“Login”对应的行是“register”

我需要帮助来找出问题所在，这样我才能解决它。 这样，我就可以让我的

html

文件显示两个按钮，而不显示错误

目标容器不是DOM元素

---

谢谢。

ReactDOM.render使用一个React节点，因此必须将两个节点包装到另一个节点中：

渲染(
, 
document.getElementById（“根”）
);

ReactDOM.render

使用一个React节点，因此必须将两个节点包装到另一个节点中：

渲染(
, 
document.getElementById（“根”）
);

 render(
  <>
     <Login />
     <Register />
  </>, 
  document.getElementById("root")
);