react-taggable-input
tag or mention in input element when keydown # or @ or any other character.
Install
npm i react-taggable-input
Usage
<TaggableInput ref= thisinput = input disabled= thispropsdisabled defaultValue= defaultValue className="submit-input" placeHolder="輸入 #" trigger="##" maxLength= 100 onKeyDown= thishandleKeyDown onTrigger= thishandleTrigger onTriggerKeyUp= thishandleTriggerKeyUp onChange= thishandleChange onSubmit= thishandleSubmit />
props
trigger: PropTypes.string.isRequired,
disabled: PropTypes.bool,
className: PropTypes.string,
defaultValue: PropTypes.string,
placeHolder: PropTypes.string,
maxLength: PropTypes.number,
onKeyDown: PropTypes.func,
onTrigger: PropTypes.func,
onTriggerKeyUp: PropTypes.func,
onChange: PropTypes.func,
onSubmit: PropTypes.func,
More Detail
please checkout Main.js if you want to see more detail.