woocommerce/packages/js/components/src/list-item/zh-cn
2026-04-15 10:18:01 +08:00
..
README.md docs: add 895 translated files 2026-04-15 10:18:01 +08:00

ListItem

该组件为列表项目添加基本样式,并在位于 Sortable 容器内时自动处理添加拖拽句柄。

用法

您可以直接使用此列表项目,并在其中添加您的内容。

<ListItem>
    您的内容
</ListItem>

或者,您可以将其添加到可排序容器中,以自动添加拖拽句柄。

<Sortable>
    <ListItem>带句柄的项目 1</ListItem>
    <ListItem>带句柄的项目 2</ListItem>
</Sortable>

Props

名称 类型 默认值 描述
children JSX.Element | JSX.Element[] | string undefined 显示在列表项目内部的内容
onDragEnd Function () => null 当项目结束拖拽时的回调函数
onDragStart Function () => null 当项目开始拖拽时的回调函数