react两种组件,react组件中必不可少的一个函数
从“做出反应”导入反应，{纯组分}；
从" antd-移动"导入{列表，导航栏，复选框}。
从"蚂蚁"导入{ Icon }；
从" rmc反馈"导入触摸反馈
从导入NavContentContainer ./NavContentContainer ；
从导入PanelContentContainer ./PanelContentContainer ；
导出默认类复选框_扩展纯组件{
施工员（道具){
超级（道具);
这个。state={ select:[]}；
}
componentWillReceiveProps(props){
const { show，init }=props
如果（显示){
这个。setstate({ select:init []})；
}
}
getDefaultChecked=value={
const { init }=this.props
常量结果=(init []).filter(I=I===value)；
返回结果。长度！==0;
};
render() {
const { show，data，title，hide，save }=this.props
const { select }=this.state
返回（
差异
显示：显示？块:无，
zIndex: 1，
位置："绝对",
背景色：" # fff "，
溢出："自动",
top: 0，
底部：0,
左：0,
右：0
}}
导航条
全局-导航栏
模式=黑暗
icon={
触摸反馈激活ClassName=主要反馈激活
图标类型=左/
/触摸反馈
}
onLeftClick={()=hide()}
rightContent={[
图标
type=check
16px }}
()=保存（选择)}
/
]}
{title}
/导航条
NavContentContainer
PanelContentContainer
目录
{data.map(i=(
复选框。复选框项目
包
key={i.value}
默认选中={ this。getdefaultchecked(I . value)}
onChange={()={
如果(选择。(I .值)===-1的索引{
选择。推(即价值)；
}否则{
常数奇数=选择
odd.splice(odd.indexOf(i.value)，1)；
this.setState({
选择：奇数
});
}
}}
{i.key}
/复选框。复选框项目
))}
/列表
/PanelContentContainer
/NavContentContainer
/div
);
}
}复选框
show={showCheckbox}
data={checkboxData}
title={checkboxTitle}
id={checkboxId}
init={checkboxNum[checkboxId]}
hide={()=这个。setstate({ show checkbox:false })}
保存={v={
this.setState({
showCheckbox: false，
checkboxNum: {.checkboxNum，[checkboxId]: v }
});
}}
/
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。