@beisen-cmps/italent-input-pc v1.0.12

italent-pc input 组件

示例

模块

  npm install @beisen-cmps/italent-input-pc --save

import React, { Component } from "react"
import Input from "./../../src"

export default class extends Component {
	constructor(props) {
		super(props)
		this.state = {
			name: "",
			errMsg: ""
		}
	}
	handleChange = value => {
		if (value == "") {
			this.setState({
				name: value,
				errMsg: "不能为空"
			})
			return
		}
		this.setState({
			name: value,
			errMsg: ""
		})
	}
	handleBlur = value => {
		if (value == "") {
			this.setState({
				name: value,
				errMsg: "不能为空"
			})
			return
		}
		this.setState({
			name: value,
			errMsg: ""
		})
	}
	render() {
		const { name, errMsg } = this.state
		const testProps = {
			// defaultValue: "adsad",
			isRequire: true,
			allowClear: true,
			value: name,
			onChange: this.handleChange,
			onBlur: this.handleBlur,
			errMsg: errMsg,
			inline: true,
			label: "测试文案",
			info: "测试提示",
			style: {
				marginTop: "10px"
			}
		}
		return <Input {...testProps} />
	}
}

参数

isRequire 是否必填 默认 false（决定是否显示前面的*）

type input 原生属性

value 输入框的值

allowClear 是否显示清空按钮 默认 true

isControl 是否是受控组件 默认 true

defaultValue 默认值

id 输入框 id

errMsg 错误提示 只要有就会显示

info 下方提示

label input 前面显示的文字

labelWidth 文本框前面文字占的宽度

placeholder 文本框内的提示 labelWidth

style 最外包裹层的样式

inline 是否在一行显示 默认 true

onBlur 失焦回调 function(value){}

onChange change 回调 function(value){}