This page looks best with JavaScript enabled

React 实现类微信输入框@搜索

 ·  ☕ 1 min read

整体流程

整个处理过程由按键事件发起,拥有两个状态(模式),可见和搜索

  • 可见时一定可以搜索
  • 不可见时也可以搜索
  • 不可以搜索时一定不可见

流程

  • 输入 @ 后支持连续搜索
  • 搜索无结果时隐藏@弹窗,删除回退到有搜索结果时出现@弹窗
  • ESC、空格退出@和搜索

欢迎体验新产品, 抖音聊天

Support the author with
alipay QR Code
wechat QR Code

Yang
WRITTEN BY
Yang
Developer