jd-opensource / jd-opensource/taro-ui

FloatLayout 浮动弹层不显示

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

Description

**问题描述**

FloatLayout 浮动弹层 isOpened属性使用传入的值不显示弹层
**复现步骤**

1.listVisible为通过点击事件触发的布尔值改变状态
使用listVisible没有效果,listVisible为传过来的布尔值
但是将 isOpened={listVisible}换成 isOpened={true}就能出现弹窗

```js
// 这里可以贴代码
export default function CountryList ({ listVisible, onClose, onConfirm, countryList = [], currentCountry = {} }) {
const [searchValue, setSearchValue] = useState('')
// console.log(listVisible,'listVisible');
const handleSearch = value => {
setSearchValue(value)
}
return (

**期望行为**

能够实现弹窗的正常显示

**报错信息**

![image](https://user-images.githubusercontent.com/71263330/127822047-61770717-3287-43c1-a1ec-6d7aa1fbebac.png)
zhe'h's这是使用listVisible

![image](https://user-images.githubusercontent.com/71263330/127822160-8f63a524-7ce0-4c2c-9696-c287762c5acc.png)
zhe这是使用true
**系统信息**

PS C:\Users\Administrator\Desktop\myApp> taro info
� Taro v3.2.2-beta.0

Taro CLI 3.2.2-beta.0 environment info:
System:
OS: Windows 10
Binaries:
Node: 12.18.1 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.10 - C:\Users\Administrator\AppData\Roaming\npm\yarn.CMD
npm: 7.18.1 - C:\Program Files\nodejs\npm.CMD

**补充信息**

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.