如何有效地使用带有React的CSS网格布局？
发布时间：2020-12-15 20:32:07 所属栏目：百科 来源：网络整理
导读：我目前正在使用ReactJs和CSS网格布局构建单页应用程序,用于组件的放置和样式. 但是,这两种技术并不是很好地结合在一起：CSS网格布局只能(轻松)应用于父容器的子元素(网格项).但是ReactJS的本质意味着具有大童组件的组件甚至是曾祖母都很常见. 举个例子： Rea
|
我目前正在使用ReactJs和CSS网格布局构建单页应用程序,用于组件的放置和样式.
但是,这两种技术并不是很好地结合在一起：CSS网格布局只能(轻松)应用于父容器的子元素(网格项).但是ReactJS的本质意味着具有大童组件的组件甚至是曾祖母都很常见. 举个例子： React组件树：App> ToDoList>待办事项>细节… 如果,onClick,我想将’ToDo Item’移动到’app’组件的网格行：1,似乎唯一的方法是将ToDoList本身作为整个App组件的网格.这会导致页面上其他元素的布局问题. 我是否正确地认为这两种方法不能很好地结合在一起,还是我对这两种技术的理解存在缺陷？ 解决方法
你是对的,从CSS Grid Candidate Recommendation(
https://github.com/w3c/csswg-drafts/issues/958)中弃用了子网格.
希望它们会再次出现,它们似乎对简化复杂的布局非常有用.我只发现CSS网格可用于布置反应应用程序或容器的顶层. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |