reactjs - 设置材质 UI 复选框的初始值
问题描述
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) 我该怎么做?
解决方案
只需将其添加为您的mapStateToProps
方法的一部分:
function mapStateToProps(state) {
const model = Selectors.Quotes.getCurrentQuote(state);
return {
model,
checkedEnergyConcessionHolder: model.EnergyConcessionHolder,
};
}
推荐阅读
- python - 如何使用 networkx spring_layout (Python) 和 layout_with_fr (R) 获得相同的结果
- python - Pyinstaller 导入错误:找不到模块
- c++ - C++ 无序映射产生以下 gdb 输出的可能原因是什么?
- c++ - 在 Rcpp-Armadillo 中有效地选择稀疏矩阵的非连续列
- keras - 神经网络的验证准确率正在提高,但在学习期间准确率、损失和 val_loss 大多是 *nan*
- python - 如果我要去同一个站点的不同页面,我应该在每个“requests.get”之后关闭连接吗?
- r - 如何更改滑块输入值的大小闪亮仪表板
- excel - 编写宏,该宏将打开链接到 excel 内部的特定文件路径,然后复制并粘贴回存储宏的 excel 中
- c++ - 如何使用 for 循环遍历向量?我试图在 YouTube 上查找,但找不到答案
- google-chrome - 如何确定 Chrome 显示警报对话框的原因?