跳到主要内容

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-