本文介绍了一种使用React中的Modal组件实现自定义Alert的方法。通过维护一个状态变量控制Modal的可见性，并提供了一个switchModalVisible函数来切换Alert的显示与隐藏。此方案适用于希望灵活定制Alert样式与行为的开发者。
自定义组件最多的需求是alert的自定义，我本人是使用modal解决的
this.state= {
type: false,
}
使用type去控制modal的visible属性，如内部有一个函数switchModalVisible函数：
switchModalVisible(type){
this.setState({
type:type,
});
}
可在需要使用该自定义组件的render里面加上组件名如<MyAlert ref = {'myAlert'}/>
外部使用方式：this.refs.myAlert.switchModalVisible(type);//type值为true或false，控制自定义alert显示与关闭
扫一扫
1609
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
