MMRadio 单选

Props

IMMRadioProps

属性	类型	默认值	必传	说明
checked	boolean		否	当前是否选中
value	any		否	值
disabled	boolean		否	禁用
type	EMMRadioType | keyof typeof EMMRadioType		否	类型
size	ComponentSize		否	设置组件尺寸

IMMRadioGroupProps

属性	类型	默认值	必传	说明
value	ValutType		否	指定选中的选项
allowUnCheck	boolean	false	否	是否运行选中之后取消选中
optionType	EMMRadioType | keyof typeof EMMRadioType		否	选项类型
size	ComponentSize		否	设置组件尺寸
direction	EMMRadioDirection | keyof typeof EMMRadioDirection	'vertical'	否	排列方向

代码示例

import { memo, FC, useState } from "react";
import { ScrollView, View } from "@tarojs/components";
import MMNavigation from "../../components/navigation";
import MMSafeAreaView from "../../components/safe-area-view";
import MMRadio from "../../components/radio";
/**
 * RadioPage
 *
 */
const Component: FC<any> = (props) => {
  const [checked, setChecked] = useState(false);

  const [value, setValue] = useState(1);
  return (
    <MMSafeAreaView>
      <MMNavigation title="单选" />
      <ScrollView>
        <MMRadio checked={checked} onChange={setChecked}>
          单选
        </MMRadio>
        <MMRadio.Group value={value} onChange={setValue}>
          <MMRadio value={1}>单选1</MMRadio>
          <MMRadio value={2}>单选2</MMRadio>
          <MMRadio value={3}>单选3</MMRadio>
        </MMRadio.Group>
        <MMRadio.Group value={value} onChange={setValue} direction="horizontal">
          <MMRadio value={1}>单选1</MMRadio>
          <MMRadio value={2}>单选2</MMRadio>
          <MMRadio value={3}>单选3</MMRadio>
        </MMRadio.Group>
        <MMRadio.Group value={value} onChange={setValue}>
          <MMRadio value={1}>单选1</MMRadio>
          <MMRadio value={2} disabled>
            单选2
          </MMRadio>
          <MMRadio value={3}>单选3</MMRadio>
        </MMRadio.Group>
      </ScrollView>
    </MMSafeAreaView>
  );
};

const RadioPage = memo(Component);
export default RadioPage;