React component for Alibaba Cloud.
npm install @alicloud/console-components-actions表格操作项。常用于表格中最右侧的操作列,用户通过表格操作项快速对该行条目进行操作。如果操作项超过3项(或自定义的阈值),超出的项会收起到“更多”菜单中。
基本用法:
当操作数量超过 threadhold 时,多出的操作会收敛在下拉菜单中:
visible 属性可以控制是否渲染这个操作项:
使用 visible 的效果等同于{showEdit && 。
自定义下拉按钮,让你方便地定义标准化的下拉按钮:
Actions 的 children 可以传入任意的 inline 元素,比如 button:
FragmentDemo:
上面的 FragmentDemo 只是说明本组件对子组件中的 React.Fragment 的处理,无需特别关注。不建议在本组件中使用 React.Fragment。
控制 Actions 是否自动换行:
自定义下拉菜单的宽度
用于定义中的操作按钮,默认继承,经常使用的是onClick。也可以通过以下prop来改变渲染的组件:
使用LinkButton进行站外跳转,通过props.Component将LinkButton将被渲染为
使用LinkButton进行内跳转,通过props.Component将LinkButton将被渲染为
用于定义中的下拉按钮,接受的 props 与普通的相同,经常使用的是onClick。