A simple asynchronous React message popup utility, no needed React Context. So you can use it in anywhere. You just need to install React.
Requirement:
- React 18
- React DOM 18
NOTE: If you use React 17, please use version 0.2
npm i react-message-popupimport{message}from'react-message-popup'message.success('成功',4000)// etc.message.loading('Loading...',4000).then(({ next })=>{setTimeout(()=>{next('成功','success')},2000)})message.success('成功',4000).then(({ destory })=>{setTimeout(()=>{destory()},2000)})exportinterfaceArgsProps{content: stringduration?: number|nullkey?: string|number}typeJointContent=ConfigContent|ArgsPropstypeConfigContent=stringtypeConfigDuration=number|(()=>number)exportinterfaceMessageInstance{info(content: JointContent,duration?: ConfigDuration,): Promise<MessageReturnType>success(content: JointContent,duration?: ConfigDuration,): Promise<MessageReturnType>error(content: JointContent,duration?: ConfigDuration,): Promise<MessageReturnType>warning(content: JointContent,duration?: ConfigDuration,): Promise<MessageReturnType>warn(content: JointContent,duration?: ConfigDuration,): Promise<MessageReturnType>loading(content: JointContent,duration?: ConfigDuration,): Promise<MessageReturnType>}exporttypeMessageReturnType={destory(): booleannext(message: string,type?: MessageType): void}