如何仅通过Props而非样式实现Radio组件图标的水平对齐？

这完全取决于你使用的Radio组件库是否提供了专门用于图标对齐的Props。如果组件库本身有这类设计，直接用对应的Props就能实现，不需要自定义样式。

• 假设你的Radio组件提供了类似iconAlign的Props（比如取值为center/middle来实现水平对齐），可以这样修改代码：

export default function App() {
    return (
        <div className="App">
            <Radio
                label="I cannot be unchecked"
                icon={() => <IconAdjustments size={18} color='red'/>}
                iconAlign="middle" // 通过该Props实现图标水平对齐
            />
        </div>
    );
}

• 如果组件库提供的是控制整体布局的Props（比如inline或者layout="horizontal"），也可以尝试这类参数，部分组件会通过这类Props自动调整内部元素（包括图标）的对齐方式。

如果当前使用的Radio组件没有提供任何用于图标对齐的Props，那仅靠Props是无法实现的，这时才需要借助自定义样式来调整。

内容的提问来源于stack exchange，提问作者HackerMF