@alicloud/console-components
Version:
Alibaba Cloud React Components
21 lines (20 loc) • 855 B
JavaScript
/**
* title: "默认"
* description: "基本使用方式。"
*/
import React, { useState, useCallback } from 'react';
import { Step } from '@alicloud/console-components';
var list = [
{ title: '已完成步骤', key: 1 },
{ title: '当前步骤', key: 2 },
{ title: '未完成最后步骤', key: 3 },
];
export default (function () {
var _a = useState(1), currentStep = _a[0], setCurrentStep = _a[1];
var stepClick = useCallback(function (index) {
setCurrentStep(index);
}, []);
var steps = list.map(function (item) { return (React.createElement(Step.Item, { key: item.key, title: item.title, onClick: function (index) { return stepClick(index); } })); });
return (React.createElement("div", null,
React.createElement(Step, { current: currentStep, shape: "circle", labelPlacement: "hoz" }, steps)));
});