Skip to content

Commit 5369eab

Browse files
chenJJ-88claude
andcommitted
docs: fix custom-render.md — remove hasAdd from CellRenderProps example
Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 14fc620 commit 5369eab

1 file changed

Lines changed: 7 additions & 5 deletions

File tree

docs/guide/custom-render.md

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -50,24 +50,26 @@ const columns: ColumnConfig[] = [
5050
];
5151
```
5252

53-
## 在 render 中自定义操作按钮
53+
## 在 render 中使用回调
5454

55-
`CellRenderProps` 同时暴露了 `onAdd``onDelete``hasAdd``isLeaf`,你可以在 `render` 里自行排布
55+
`CellRenderProps` 暴露了 `onAdd``onDelete``isLeaf` 等回调,你可以在 `render` 里灵活使用
5656

5757
```tsx
58-
render: ({ value, onChange, title, hasAdd, onAdd, isLeaf, onDelete }) => (
59-
<div>
58+
render: ({ value, onChange, title, onAdd, isLeaf, onDelete }) => (
59+
<div style={{ display: 'flex', gap: 8, alignItems: 'center' }}>
6060
<input
6161
value={value}
6262
onChange={(e) => onChange(e.target.value)}
6363
placeholder={`请输入${title}`}
6464
/>
65-
{hasAdd && <button onClick={onAdd}>+ 添加</button>}
65+
<button onClick={onAdd}>+ 添加</button>
6666
{isLeaf && <button onClick={onDelete}>删除</button>}
6767
</div>
6868
),
6969
```
7070

71+
> `onAdd` 始终可用,但"添加"按钮是否由组件默认渲染,取决于 `ColumnConfig.hasAdd``onDelete` 仅在叶子层级有意义。
72+
7173
> 组件默认在单元格下方渲染"添加"按钮,在行末尾渲染"删除"按钮。你可以通过 `addRender``deleteRender` 自定义按钮样式,但按钮位置由组件固定控制。
7274
7375
## 性能提示

0 commit comments

Comments
 (0)