错误：输入是一个空元素标签，不能有 `children` 也不能使用 `dangerouslySetInnerHTML`答案

【问题标题】：Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`错误：输入是一个空元素标签，不能有 `children` 也不能使用 `dangerouslySetInnerHTML`
【发布时间】：2019-11-13 04:08:17
【问题描述】：

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

【问题讨论】：

标签： reactjs jsx

【解决方案1】：

我认为问题就在这里，

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

应该就是这样，

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

【讨论】：

【解决方案2】：

ravibagul91 的回答是正确的。 input 是自闭合元素。你不能在里面有孩子。

或者，您可以使用按钮：

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

到这里：

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

【讨论】：