input is a void element tag and must neither have `children` nor use `dangerouslysetinnerhtml`.

Question

Problem :

Facing following strange issue

input is a void element tag and must neither have `children` nor use `dangerouslysetinnerhtml`.

Answer 1

As per the error input tag should not have any children, please take the label out off input closure tag

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