javascript - react怎么通过组件修改入口div的样式
黄舟
黄舟 2017-04-11 12:18:39
[JavaScript讨论组]

这是一道题




    
    Title




下面是js

import React from 'react'
import {render} from 'react-dom'
class Application extends React.Component {
    render(){
        return (
            this.props.children
        )
    }
}
//下面不能修改
render(123, document.getElementById('app'));
黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(3)
伊谢尔伦

componentDidMount钩子中就可以使用普通的dom方法获得根元素啊,那时候不想怎么操作就怎么操作

黄舟

换个思路呢?根元素就让它为纯粹的根元素,然后再react组件中的render里面操作最顶层的这个

天蓬老师

其实你的问题是,为什么要让#app默认成隐藏的。。。

#app对于React来说他是最基本的一个container,所有的操作都应该是只操作#app里面的东西才对。所以为啥要把#app默认设置为隐藏的?把#app设置为隐藏,就跟你平时把body标签设置为display:none一样不伦不类

其实你可以挑出来不要纠结#app这个的隐藏显示,就让它默认为显示好了,然后通过@Uker评论里面的方法,控制#app内部最高等级的container的隐藏显示就好了,效果是一样的。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号