EditableParagraph 段落编辑器
这是一个可编辑段落的例子。
你可以通过点击右上角的铅笔图标来编辑它。
何时使用
当需要让用户编辑一段文字时,可以使用该组件。
代码演示
基础用法
API
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
defaultValue | 默认值 | string | - |
onEditing | 编辑状态改变时触发的回调函数 | (editing: boolean) => void | - |
onEnter | 回车键按下时触发的回调函数 | (event: React.KeyboardEvent) => void | - |
onChange | 内容改变时触发的回调函数 | (value: React.ChangeEvent<HTMLInputElement>) => void | - |
onBlur | 失去焦点时触发的回调函数 | (event: React.FocusEvent<HTMLInputElement>) => void | - |