Как сделать начальное состояние checkbox?

Question

[Дмитрий Марков]

this.props.checked хранит начальное состояние checkbox. Но в момент отрисовки он ещё пустой, в render( ) нельзя записывать state, Подскажите чё нить. Код ниже

export default class Checkbox extends Component {
    constructor(props) {
        super(props);

        this.state = {
            checked: this.props.checked
        }

        this.onChange = this.onChange.bind(this);
    }
    onChange(event) {
        let checked = event.target.checked;
        if( this.props.func )
            this.props.func(checked);


        this.setState({checked});
    }
    render() {
        const { name, children } = this.props;

        return(
            <label className="checkbox">
                <input name={name} type="checkbox" className="checkbox__input" onChange={this.onChange} checked={this.state.checked} />
                <span className="checkbox__text">{children}</span>
            </label>
        )
    }
}

Answer 1

[Олег Гамега]

<input type="checkbox" defaultChecked={checked} />