react怎么通过组件修改入口div的样式

这是一道题

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>


<body>

<div id="app" style="display: none"></div>

<!--//react怎么通过组件修改这个div的样式,比如修改他的display,不能操作dom-->

</body>

</html>

https://img1.mukewang.com/5bf78c460001d5af05970238.jpg

下面是js

import React from 'react'

import {render} from 'react-dom'

class Application extends React.Component {

    render(){

        return (

            this.props.children

        )

    }

}

//下面不能修改

render(<Application><a>123</a></Application>, document.getElementById('app'));


狐的传说
浏览 735回答 1
1回答

阿晨1998

其实你的问题是,为什么要让#app默认成隐藏的。。。#app对于React来说他是最基本的一个container,所有的操作都应该是只操作#app里面的东西才对。所以为啥要把#app默认设置为隐藏的?把#app设置为隐藏,就跟你平时把body标签设置为display:none一样不伦不类其实你可以挑出来不要纠结#app这个的隐藏显示,就让它默认为显示好了,然后通过@Uker评论里面的方法,控制#app内部最高等级的container的隐藏显示就好了,效果是一样的。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript