@lx-react-materiel/mp-dialog v0.6.5

mp-dialog

模态对话框

该组件只能在 Taro3 中使用

代码示例

import MpDialog from '@lx-react-materiel/mp-dialog';

const Demo = () => {
  const [visible, setVisible] = useState<boolean>(false);

  const handleShowDialog = () => {
    setVisible(true);
  };

  const handleCancel = () => {
    console.log('cancel');
    setVisible(false);
  };

  const handleConfirm = () => {
    console.log('confirm');
    setVisible(false);
  };

  return (
    <View>
      <View onClick={handleShowDialog}>显示对话框</View>
      <MpDialog
        visible={visible}
        title="标题"
        showCancelButton
        onCancel={handleCancel}
        onConfirm={handleConfirm}
      >
        <View>dialog content</View>
      </MpDialog>
    </View>
  );
}

API

Props

Events