react-amber-input v2.5.7

react-amber-input

react-amber-input组件，我们提供三套颜色主题 blue、purple、green，可以通过给theme属性传完整的16进制颜色和rgb值自定义主题色

包括以下几种组件

一、ReactInput 输入框组件

二、Page 分页组件

三、Slide 单选下拉组件

四、Button 按钮组件

Install

yarn add react-amber-input或者npm install react-amber-input

一、ReactInput参数详解

1、需要传递的props参数如下表

2、需要传递的props方法如下表

changeContent(value,name)

1、name 是 input name值

2、value 是 输入框里的内容

focusContent(value,name) 用于取消报错

1、name 是 input name值

2、value 是 ""

二、Page参数详解

1、需要传递的props参数如下

基本属性

样式属性

2、需要传递的props方法如下

changeNumber(page, all) 改变当前页

1、page 是 当前页

2、all 是 总页数

changeEvery(value) 改变每页显示个数

1、value 是每页显示个数

三、Slide参数详解

1、需要传递的props参数如下

基本属性

样式属性

下拉框样式属性

2、需要传递的props方法如下

doSelect(value, name,field) 改变当前选项

1、value 是选中那条数据的id

2、name 是选中那条数据的name

2、field 是字段名

focus(field) 用于取消报错

1、field 是字段名

disturb(disturbinfo) 当disturbinfo不为空的时候，点击打断下拉操作并将报错信息返回

四、Button参数详解

1、需要传递的props参数如下

基本属性

样式属性

2、需要传递的props方法如下

doClick() 点击事件回调

四、SlideAll参数详解

参数与slide组件基本一致 不同的时候 value 变成 select 类型是数组

引入方法与示例

import { ReactInput,Page,Slide,Button } from 'react-input-owns';

<ReactInput />
<Page
    usetheme
    theme="green"
    allNumber
    jumpNumber
    selectNumber
    nowpage={1}
    allPage={300}
    everyPage={10}
    changeEvery={(num)=>changeEvery(num)}
    changeNumber={(page, all) => getPages(page, all)}
/>
<Slide 
    usetheme 
    theme="green" 
    field="hollo" 
    list={[{ id: 1, name: "hollo" }, { id: 2, name: "hollo123" }]}
/>
<Button usetheme theme="green" doClick={()=>setName(2)} />