ButtonGroup

這個組件沒有重點可以說，畢竟就只是一個將Button組件包裹起來的一個容器，但是這里還是有一個點可以值得一提

// 這里的React.SFC是 typescript 的對于 react 的StatelessComponent的一個interface的一個別稱// 那么對于Stateless Functional Component，是一種不需要管理state的組件，也就是說這個組件中不會// 對state進行操作的組件，是一個純函數組件，大家有興趣可以去了解// 詳情請看 https://medium.com/@iktakahiro/react-stateless-functional-component-with-typescript-ce5043466011const ButtonGroup: React.SFC<ButtonGroupProps> = (props) => {}復制代碼 import React from 'react';import classNames from 'classnames';export type ButtonSize = 'small' | 'large';export interface ButtonGroupProps {size?: ButtonSize;style?: React.CSSProperties;className?: string;prefixCls?: string;}const ButtonGroup: React.SFC<ButtonGroupProps> = (props) => {const { prefixCls = 'ant-btn-group', size = '', className, ...others } = props;// large => lg// small => smlet sizeCls = '';switch (size) {case 'large':sizeCls = 'lg';break;case 'small':sizeCls = 'sm';default:break;}const classes = classNames(prefixCls, {[`${prefixCls}-${sizeCls}`]: sizeCls,}, className);return <div {...others} className={classes} />;};export default ButtonGroup;復制代碼

總結

以上是生活随笔為你收集整理的antd源码解读（4）- ButtonGroup的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。