react-lss-autocomplete

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

Usage no npm install needed!

<script type="module">
  import reactLssAutocomplete from 'https://cdn.skypack.dev/react-lss-autocomplete';
</script>

README

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

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

Example

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

License

MIT © browniu