代码拉取完成，页面将自动刷新
React Segmented Control.
https://react-component.github.io/segmented/
import Segmented from 'rc-segmented';
import 'rc-segmented/assets/index.css'; // import 'rc-segmented/asssets/index.less';
import { render } from 'react-dom';
render(
<Segmented
options={['Antd', 'Antv', 'Egg.js']}
onChange={(value) => handleValueChange(value)}
/>,
mountNode,
);
Please note that onChange API changed on v2.0.0+
| Property | Type | Default | Description |
|---|---|---|---|
| prefixCls | string | rc-segmented | prefixCls of this component |
| className | string | '' | additional class name of segmented |
| style | React.CSSProperties | style properties of segmented | |
| options | Array<string | number | SegmentedOption> | [] | options for choices |
| value | string | number | value of segmented | |
| defaultValue | string | number | defaultValue of segmented | |
| value | string | number | currently selected value of segmented | |
| onChange | (value: string | number) => void | defaultValue of segmented | |
| disabled | boolean | false | disabled status of segmented |
| Property | Type | Default | Description |
|---|---|---|---|
| label | ReactNode | label of segmented option | |
| value | string | number | value of segmented option | |
| className | string | '' | additional class name of segmented option |
| disabled | boolean | false | disabled status of segmented option |
npm install
npm start
rc-segmented is released under the MIT license.
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手