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

class MessageCom extends Component {

    render(){

        return 

            {this.props.text}

        

    }

}

export default function(obj) {

    const {type,text} = obj;

    if(type === 'success'){

        return 

        text={text}

        color="green"

        />

    }else if(type === 'fail'){

        return 

        text={text}

        color="red"

        />

    }

}

// import message from "./message";

// class App extends Component {

//     render(){

//         return (

//              {

//                 message({

//                     type:'fail',

//                     text:"接口请求失败"

//                 })

//             }}>失败

//              {

//                 message({

//                     type:'success',

//                     text:"接口请求成功"

//                 })

//             }}>成功

//         )

//     }

// }