0.0.2 • Published 5 years ago

react-lss-autocomplete v0.0.2

Weekly downloads
3
License
MIT
Repository
github
Last release
5 years ago

react-lss-autocomplete

通过共享存储提供输入建议,提高信息输入效率

NPM JavaScript Style Guide

Demo

demo

Install

npm install --save react-lss-autocomplete

Usage

组件监听所有input输入事件,在输入框下方生成一个建议值列表,值的来源是所有共享域名体系下的历史输入值,并会根据该值出现的频率进行自动排序

<input name='xsname'>通过设定name属性调用指定的建议数据列表

import React, { Component } from 'react'

import Rlac from 'react-lss-autocomplete'

class Example extends Component {
  render () {
    return (
        <Rlac>         
          <p>请输入游戏昵称</p>
          <input name='xsname' type='text' placeholder={'玩家姓名'} />
        </Rlac>
    )
  }
}

Props

PropDetailDefault
listClass定义建议项列表的class,便于自定义样式覆盖rlac-recommend
listName输入框未指定name属性时默认调取的数据列表名称defaultRecommendList

Example

在逍遥网输入过的游戏ID信息会被保存到本地共享存储中,剑三网的输入推荐列表可以读取到并作为建议项,亲自测试👇

License

MIT © browniu