Установите начальное значение для пользовательского интерфейса материала

Question

    function mapStateToProps(state) {
        return {
                  model: Selectors.Quotes.getCurrentQuote(state),

        };
    }

    class Customer extends Component {
        state = {
            checkedEnergyConcessionHolder: false

        };

        handleChange = name => event => {
            this.setState({ [name]: event.target.checked });
        };

        render() {
            const { model} = this.props;
            const { checkedEnergyConcessionHolder  } = this.state;
            return (
                            <Checkbox>
                                label="Concession holder"
                                value="checkedEnergyConcessionHolder"
                                checked={checkedEnergyConcessionHolder}
                                onChange={
                                    this.handleChange('checkedEnergyConcessionHolder')
                                }
                            </Checkbox>
            );
        }
    }

    export default withStyles(panelTheme)(connect(mapStateToProps)(Customer));

Как инициализировать значение флажка? Мне нужно, чтобы значение по умолчанию было получено из модели (должно быть равным model.EnergyConcessionHolder) Как это сделать?

Answer 1

Просто добавьте его как часть вашего mapStateToProps метода:

function mapStateToProps(state) {
    const model = Selectors.Quotes.getCurrentQuote(state);
    return {
        model,
        checkedEnergyConcessionHolder: model.EnergyConcessionHolder,
    };
}