Radio 组件用于从一组选项中选择一个。它通常与其他表单元素一起使用，如 Checkbox 和 Select。
基础用法
在基础用法中，我们只需要设置 value 属性和 options 属性即可。value 属性表示当前选中的值，而 options 属性是一个数组，其中每个元素都是一个对象，描述了一个单选按钮的配置信息。
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - ----- - ---- ----------------
----- --- - -- -- -
----- ------- --------- - --------------
------ -
------
-------------
----------
- ------ ------ ------ --- --
- ------ ------ ------ --- --
- ------ ------ ------ --- -
--
----------------- -- ----------------
--
--
--
------ ------- ----可控组件
在一些场景下，我们需要手动控制 Radio 的状态。这时候可以将 Radio 设置为受控组件。通过 value 属性来指定当前选中的值，并通过 onChange 事件处理器来监听值的变化。
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - ----- - ---- ----------------
----- --- - -- -- -
----- ------- --------- - --------------
----- ------------ - ------- -- -
----------------
--
------ -
------
-------------
----------
- ------ ------ ------ --- --
- ------ ------ ------ --- --
- ------ ------ ------ --- -
--
-----------------------
--
--
--
------ ------- ----禁用状态
有时我们希望某些选项是不可选的。这时可以通过设置 disabled 属性来实现。当 disabled 属性被设置时，对应的选项将无法被选中。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- - ---- ----------------
----- --- - -- -- -
------ -
------
---------
----------
- ------ ------ ------ --- --
- ------ ------ ------ ---- --------- ---- --
- ------ ------ ------ --- -
--
--
--
--
------ ------- ----自定义标签
默认情况下，Radio 组件会根据 label 属性显示文本。但是，有时候我们可能需要自定义显示的内容。这时可以通过设置 label 属性的值来实现。此外，还可以通过插槽来自定义内容。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- - ---- ----------------
----- --- - -- -- -
------ -
------
---------
----------
- ------ ----------------- ------ --- --
- ------ ------ ------ --- --
- ------ ------ ------ --- -
--
--
--
--
------ ------- ----垂直排列
默认情况下，Radio 组件中的选项是水平排列的。如果需要垂直排列，可以通过设置 vertical 属性来实现。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- - ---- ----------------
----- --- - -- -- -
------ -
------
---------
--------
----------
- ------ ------ ------ --- --
- ------ ------ ------ --- --
- ------ ------ ------ --- -
--
--
--
--
------ ------- ----自定义颜色
你可以通过 CSS 来自定义 Radio 组件的颜色。这包括选中状态下的颜色以及未选中状态下的颜色。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- - ---- ----------------
----- --- - -- -- -
------ -
------
---------
----------
- ------ ------ ------ --- --
- ------ ------ ------ --- --
- ------ ------ ------ --- -
--
--
--
--
-- ------
------------- --------------------------- ---------------- -
------------- --------
----------- --------
-
------------- --------------------------- ----------------------- -
----------------- -----
-
------------- ---------------------- -
------------- --------
-
------------- ---------------- -
------ --------
-以上就是 Element-React 中 Radio 组件的基础用法、可控制状态、禁用状态、自定义标签、垂直排列以及自定义颜色的相关内容。这些功能使得 Radio 组件更加灵活和强大，能够满足各种不同的需求。