如何实现message方法，实现api形式的组件调用

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>

//         )

//     }

// }


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容