在反应中添加单选按钮时面临问题 - 输入是一个空元素标签，既不能有`children`也不能使用`dangerouslySetInnerHTML`答案

【问题标题】：Facing issue while adding radio button in react - input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`在反应中添加单选按钮时面临问题 - 输入是一个空元素标签，既不能有`children`也不能使用`dangerouslySetInnerHTML`
【发布时间】：2019-01-25 15:46:18
【问题描述】：

输入是一个空元素标签，既不能有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>
    );
  }

例如 options 是 A、B、C、D 等元素的列表

【问题讨论】：

标签： reactjs jsx

【解决方案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>
    );
}

【讨论】：

【解决方案2】：

你得到错误，因为jsx 中的输入标签应该是自动关闭的，所以返回后总是jsx 脚本应该写。

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>
    );
}

【讨论】：

【解决方案3】：

非常感谢！我解决了。

我有 2 个标签“输入”，一个类型文本和一个按钮，但只有第一个没有用。

{this.setState({coinAvalue:event.target.value})}}>

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。
如果您有新问题，请点击按钮提出问题。如果有助于提供上下文，请包含指向此问题的链接。 - From Review