class MessageCom extends Component {
render(){
return <span style={{color:this.props.color}}>
{this.props.text}
</span>
}
}
export default function(obj) {
const {type,text} = obj;
if(type === 'success'){
return <MessageCom
text={text}
color="green"
/>
}else if(type === 'fail'){
return <MessageCom
text={text}
color="red"
/>
}
}
// import message from "./message";
// class App extends Component {
// render(){
// return (
// <button onClick={() => {
// message({
// type:'fail',
// text:"接口请求失败"
// })
// }}>失败</button>
// <button onClick={() => {
// message({
// type:'success',
// text:"接口请求成功"
// })
// }}>成功</button>
// )
// }
// }
