React Message

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

How to use

npm i react-message-popup

import{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)})

Interface

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}