在react中添加单选按钮时遇到的问题-输入是一个空元素标签，并且既不能具有child元素，也不能使用dangerouslySetInnerHTML元素

Question

输入是一个void元素标签，既children不能使用也不能使用dangerouslySetInnerHTML。

  render() {
    let radioid = this.props.radioid;
    return (
      <div className="row">
        {this.props.options.map(function(option) {
          return (
            <div key={radioid} className="column">
              <input type="radio" name={radioid} value={option}>
                <label>{option}</label>
              </input>
            </div>
          );
         })}
      </div>
    );
  }

例如，选项是元素列表，例如A，B，C，D

Answer 1

根据错误，输入标签不应有任何子代，请将标签从输入闭合标签中取出

render() {
    let radioid = this.props.radioid;
    return (
        <div className="row">
        {this.props.options.map(function(option) {
            return (
            <div key={radioid} className="column">
                <label>{option}</label>
                <input type="radio" name={radioid} value={option}/>
            </div>
            );
        })}
        </div>
    );
}

Answer 2

在反应中，输入必须以单个标签结尾，而不是像

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

所以写

<input />

但这可能会显示提交查询所以写

<input value="Submit or login or whatever you like">

就这样吧:)