Enterprise UI
指南组件面试复习GitHub
开始
介绍快速开始主题定制Changeset 版本管理Turborepo + Changesets 发包方案
基础组件
Button 按钮Input 输入框Calendar 日历VirtualList 虚拟列表FileUploader 大文件上传Theme 全局换肤
FCP 的优化LCP 的优化INP 的优化FPS 的优化Service Worker 面试题Service WorkerCPU 密集型与 IO 密集型任务preload / prefetch / async / defer
CI/CD 优化
I18N 技术总结Next.js SSR 国际化优化 P7Next.js SSR 国际化优化 P7 详细版国际化 I18N 面试版本本地启动拉最新 json清理 LRU 缓存方法SSR 国际化 - 翻译缺失检查脚本

Released under the MIT License.

Copyright © 2026 Enterprise UI

Input 输入框

输入框用于接收用户输入。

基础用法

import { Input } from '@enterprise-ui/react19';

<Input placeholder="请输入内容" />

尺寸

输入框提供三种尺寸:small、medium、large。

禁用状态

只读状态

受控组件

当前值: (空)

import { useState } from 'react';
import { Input } from '@enterprise-ui/react19';

const [value, setValue] = useState('');

<Input
  value={value}
  onChange={(e) => setValue(e.target.value)}
  placeholder="受控输入框"
/>

不同类型

API

Input Props

参数说明类型默认值
size输入框尺寸'small' | 'medium' | 'large''medium'
value输入框值(受控)string-
defaultValue默认值(非受控)string-
placeholder占位符string-
disabled是否禁用booleanfalse
readOnly是否只读booleanfalse
type输入框类型'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search''text'
onChange值变化回调(e: React.ChangeEvent<HTMLInputElement>) => void-