40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
|
import React from 'react';
|
||
|
|
import "./style.css";
|
||
|
|
export default class Confirm extends React.Component{
|
||
|
|
constructor(){
|
||
|
|
super();
|
||
|
|
this.state={
|
||
|
|
msg:"",
|
||
|
|
btns:[]
|
||
|
|
}
|
||
|
|
this.div=null;
|
||
|
|
}
|
||
|
|
setData(msg,btns,div){
|
||
|
|
this.div=div;
|
||
|
|
this.setState({msg:msg,btns:btns});
|
||
|
|
}
|
||
|
|
clickBtn(index){
|
||
|
|
if(this.state.btns[index].onPress){
|
||
|
|
this.state.btns[index].onPress();
|
||
|
|
}
|
||
|
|
document.body.removeChild(this.div);
|
||
|
|
}
|
||
|
|
render(){
|
||
|
|
return(
|
||
|
|
<div className="my-confirm-mask">
|
||
|
|
<div className="confirm">
|
||
|
|
<div className="message">{this.state.msg}</div>
|
||
|
|
<div className="handle">
|
||
|
|
{
|
||
|
|
this.state.btns.length>0 && this.state.btns.map((item,index)=>{
|
||
|
|
return (
|
||
|
|
<div className="button" key={index} onClick={this.clickBtn.bind(this,index)}>{item.text}</div>
|
||
|
|
)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
}
|