更改antd radio樣式 豎排顯示

antd 的Radio單選框 默認是左側顯示按鈕右側顯示文字,新的需求是按鈕在上方,文字在按鈕下方顯示.

api上也沒有找到修改樣式的方法,就自己替換了樣式,

---

const radioStyle ={
display:'flex', flexFlow:'column', alignItems:'center', }

在父元素 RadioGroup上設置style display:'flex',子元素用自定義的樣式替換就好了

<RadioGroup style={{display:'flex'}}>
    <Radio style={radioStyle} value={1}>
          Option A
    </Radio>
</RadioGroup>