更改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>

 

来源：oschina

链接：https://my.oschina.net/u/4259099/blog/3234605