Reactjs 错误：输入是一个空元素标记，不能有'children'，也不能使用'dangerlysetinerhtml'` import React，{Component}来自“React” 类登录扩展组件{ 建造师（道具）{ 超级（道具） } render（）{ 返回( 登录 姓名： 密码： 提交 ) } } 导出默认登录名

我认为问题就在这里

import React , { Component } from 'react'

class Login extends Component{
    constructor(props){
        super(props)

    }
    render(){
        return(
            <form className="login-form">
                <h1>login</h1>
                <div>
                    <div className="form-group">
                        <label for="name">
                            Name :
                        </label>
                        <input name="name" type="text" value="" placeholder="Your Name" />
                    </div>
                    <div className="form-group">
                        <label for="password">
                            Password :
                        </label>
                        <input name="password" type="Password" value="" placeholder="Password" />
                    </div>
                    <input type="submit">Submit</input>
                </div>
            </form>
        )
    }
}

export default Login

//输入是一个空标记，您在此处提供了Submit as children
提交

应该就是这样,

//input is an empty tag and you have provided Submit as children here
<input type="submit">Submit</input>  

---

ravibagul91的答案是正确的<代码>输入为自动关闭元件。你不能有孩子在里面

或者，您可以使用以下按钮：

<input type="submit" value="Submit" />

提交

为此：

<button type="submit">Submit</button>

Hi-Mir，请检查我的解决方案，如果有帮助，请告诉我。您好，ravibagyl91，谢谢-它正在工作：）

<input type="submit" value="Submit" />