jd-opensource / jd-opensource/taro-ui

AtModal模态框属性isOpened无效

Open
#683 11 comments 0 reactions 1 assignee Claimed by @SzHeJason View on GitHub
操作反馈组件
Dominant language
TypeScript
Stars
4.7k
Forks
740
PR merge metrics
No merged PRs in 30d

Description

**问题描述**
默认创建项目添加taro-ui后,直接在页面使用AtModal,初始设置isOpened为false,但打开微信开发者工具预览模态框直接有显示内容,百思不解!

代码:
import Taro, { Component } from '@tarojs/taro'
import { View, Button } from '@tarojs/components'
import './index.scss'
import {
AtModal,
AtModalHeader,
AtModalContent,
AtModalAction,
AtButton,
} from 'taro-ui'

export default class Index extends Component {

config = {
navigationBarTitleText: '首页'
}

state = {
isModalOpened: false,
}

onClickAdd = () => {
this.setState({
isModalOpened: true
})
}

closeModal = (type, msg) => {
this.setState({
isModalOpened: false
})
console.log(msg)
}

render () {
console.log(this.state.isModalOpened)

return (

打开窗口

模态窗口

这里是正文内容,欢迎加入京东凹凸实验室
这里是正文内容,欢迎加入京东凹凸实验室
这里是正文内容,欢迎加入京东凹凸实验室



取消


确定




)
}
}

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.