这是一道题<!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>下面是jsimport 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'));
1 回答
阿晨1998
TA贡献2037条经验 获得超6个赞
其实你的问题是，为什么要让#app默认成隐藏的。。。
#app对于React来说他是最基本的一个container，所有的操作都应该是只操作#app里面的东西才对。所以为啥要把#app默认设置为隐藏的？把#app设置为隐藏，就跟你平时把body标签设置为display:none一样不伦不类
其实你可以挑出来不要纠结#app这个的隐藏显示，就让它默认为显示好了，然后通过@Uker评论里面的方法，控制#app内部最高等级的container的隐藏显示就好了，效果是一样的。
添加回答
举报
0/150
提交
取消