jd-opensource / jd-opensource/taro-ui

关于Curtain 幕帘组件的hooks用法

Open
#988 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.7k
Forks
740
PR merge metrics
No merged PRs in 30d

Description

**问题描述**
想在Curtain 幕帘组件中使用hooks,但是发现点击按钮后可以有弹窗,但是点击关闭却不起作用。不知道是不是使用的方法不对,还是跟这个组件的`isOpened` 属性有关系
``
**复现步骤**

```js
import { AtCurtain } from 'taro-ui';
import { Text, View } from '@tarojs/components';
import { useState, } from '@tarojs/taro'

function CLModal() {
const taskDesc = this.props.taskDesc || ''
const [modalStatus, setModal] = useState (false);
return (

{ setModal (!modalStatus)}}
>
{
setModal (!modalStatus)
}}>

任务描述

{taskDesc}


{ setModal (!modalStatus) }}
>



)
}

export default CLModal

```

**期望行为**
期望点击 className="xxy-row-center-center xxy-floatingBtm" 的view的时候,幕帘显示,点击幕帘的关闭图标的时候关闭幕帘。现在是点击关闭图片无反应,但是我自己在子级View上做点击事件的话是可以关闭的。
(本身也可以用,我是希望使用下hooks才这样用的)

**报错信息**

**系统信息**

**补充信息**
可能使用方法不对,可能和组件自己的API有关系

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.