如何使用Grid Component将我的一个元素放在react位置而不重叠？

文章/答案/技术大牛

发布

1回答

javascript、css、reactjs、grid、frontend

我的react页面上有3个组件PageHeader，SideMenu和FeatureList (由显示卡组成)下面是组件： App.js import '.* as React from 'react'; </Grid>} DispalyCard.

浏览 40提问于2021-11-08得票数 0

回答已采纳

1回答

react地图谷歌outsie网格

reactjs、google-maps、material-ui、google-maps-react

我在我的项目中使用google-maps-react。我想把地图放在我页面的边上。为了分离我使用的Grid和我的网站的内容，如下所示 render() { <Grid container spacing={8}> <Grid item<Grid item sm={12}> <MAPCONTA

浏览 10提问于2019-02-12得票数 0

回答已采纳

1回答

如何使用css修复左侧网格中的顶部栏，而不将其与下一个右侧网格元素重叠？

html、css、reactjs、material-ui

我正在使用material和react，我需要修复顶部栏(而不是页面顶部)，它是Grid元素(父元素)的顶部栏。我试着用这样的方法修复topbar (子)：navigation: { position: 'fixed', maxWidth: '47vw', }和Grid (父)是：root: {maxWidth: '100vw', } ，但是如果网格(父)

浏览 3提问于2018-07-09得票数 0

1回答

对齐中心直到没有足够的空间WPF

wpf、xaml、layout

我有一个特殊的布局行为，我想看看是否有人能想出一个简单的方法，在我尝试写一个自定义面板或其他东西。看一看我手动放在一起的动画：最左边有一个固定宽度的元素(矩形)，然后是居中的第二个元素--不是在剩余的空间内，而是相对于整个容器。当容器收缩时，居中元素将保持居中状态，直到左侧元素变得过于接近为止。“居中”元素<

浏览 1提问于2020-04-06得票数 1

回答已采纳

1回答

是否设置窗口滚动位置以补偿从网页中删除的元素？

javascript、reactjs、typescript、react-redux

我有一个react组件的集合，这些组件在react-stack-grid中呈现。当用户向下滚动时，使用react- limit scroll -component填充集合，为了限制集合中的项的数量，我从呈现的组件列表中删除项，但当我这样做时，需要更新滚动位置并移动以补偿新元素。=> this.grid = grid} co

浏览 0提问于2017-10-18得票数 0

1回答

如何使有条件显示的导航保持不变

javascript、reactjs、react-context、conditional-rendering

我正在学习React，并正在创建一个React桌面应用程序，根据用户当前的位置(由app中的标准导航按钮确定)，侧导航必须改变。问题是，当它们移回以前的位置时，导航也会恢复。我希望这样，一旦用户已经到达页面B并返回到页面A，页面B仍然可以在侧导航中访问。从研究来看，使用是最好的解决方案。是这种情况，还是有一个更简单的方法，我错过了？谢谢。

浏览 9提问于2021-01-12得票数 1

回答已采纳

2回答

从App.js导航到Places.js

javascript、reactjs、react-router、react-router-dom

我是React的新手，我正在玩它，这是一个相当bit.Now的游戏，我想从App.js导航到Places.js .I，同意可以使用React路由器来完成，但我还不能成功地解决这个问题。我需要帮助，在这个regard.Having说，我尝试了几个组合使用HashRouter，路由和导航，但所有的努力都是徒劳的。/Places'; import React, { Component } fro

浏览 2提问于2018-02-28得票数 1

回答已采纳

3回答

我的第一个示例表使用react* data-grid，列不是相互呈现在一起的，而是相互重叠的。*

javascript、reactjs、react-data-grid

这是我使用react data-grid的第一个示例表，列不是在彼此之间呈现，而是相互重叠。输出：import React from 'react'; import DataGrid from 'react-data-

浏览 9提问于2020-02-21得票数 5

回答已采纳

1回答

在异步计算的情况下，Redux最小状态如何？

javascript、reactjs、asynchronous、redux、state

在我的状态树中，我有从状态B派生的数据A。每当B发生变化时，A就会发生变化。B可能是可序列化的，也可能不是可序列化的。建议尽量减少redux状态，我试图使用选择器来实现这一点，并将B从状态中删除。但是，由于B是异步计算的，所以我似乎不能使用选择器或像reselect这样的回忆录选择器。是否有任何解决方案允许状

浏览 4提问于2017-02-16得票数 3

1回答

子元素上的Mat菜单触发器

angular、angular-material、material-design

我想定位一个垫菜单弹出相对于父元素。我希望相对于父元素打开菜单。点击div内的按钮，垫人显示不重叠它的相对元素。以下是单击触发菜单的matMen

浏览 5提问于2020-01-21得票数 2

1回答

如何在BIRT中重叠报表项？

report、birt

由于某些原因，我需要在BIRT中重叠两个报告元素。例如，我需要将两个标签放在另一个标签上。这在BIRT中是可能的吗？我使用的是BIRT4.3。通常，当我们在报表设计器中放置元素时，每一项都占据整行。有时我需要重叠元素，有时我需要并排放置元素。并排可以通过Grid实现，但我不确定如何重叠报表项？请提前给予帮助和感谢。

浏览 1提问于2013-10-02得票数 2

4回答

如何处理带有对象属性的Array以生成react元素

reactjs

我是新的反应和来自jQuery的背景。我想处理一个DOM元素数组，这些元素可以动态/随机地存在于文档中。属性通过其父属性定义Dom元素类型、属性和位置。我成功地实现了这一点，通过JQuery循环数组，并在其尊敬的父级下使用.appendTo()注入HTML，而无需定义一个嵌套函数，使用react.CreateElement来根据每个案例处理每个数组项。，但没有用类似于JQ

浏览 3提问于2019-11-16得票数 0

回答已采纳

1回答

如何完善修正isMounted(.)react中的警告-本机不对此警告保持沉默。

react-native、warnings

我收到这样的警告： import { YellowBox } from 'react-native'; YellowBox.ignoreWarnings(['Warning: isMounted(..

浏览 2提问于2018-06-11得票数 3

2回答

使用React路由器v3将值传递给父组件

reactjs

我希望用户进行搜索，并将该值传递给父组件，这样我就可以在整个应用程序中使用它作为状态。// App.js <div> { children } </div>我想在Index.js搜索(提交表单)时更新App.js中的状态。render( <Router history={ browserHis

浏览 2提问于2017-09-03得票数 0

1回答

是否有可能在CSS-Grid-Cell中放置多个元素而不重叠？

html、css、grid-layout、css-grid

我有三列和一行，我想将每个网格元素放入三个结果单元格中的一个。这就是我想要的，使用三个容器元素：main { grid-template-columns: 33% 33% auto; grid-gap: 15px;使用多行并将元素从一行扩展到两行或三行不会像我上面发布的示例中那样“流畅”。但是，使用多行并仅调整<em

浏览 0提问于2017-07-23得票数 30

回答已采纳

5回答

React路由器v4中的嵌套路由

react-router、react-router-v4

我正在尝试设置一些嵌套的路由来添加一个公共布局。检查代码： <Route component={Layout}> <Route path='/abc' component={ABC} /> <

浏览 3提问于2017-02-07得票数 66

2回答

是否可以在div中使用td元素(没有表)？

html、css、twitter-bootstrap

我试图创建非常灵活的网格，我的代码大致如下 <div class="grid-row"> <td class="

浏览 0提问于2018-08-06得票数 0

1回答

React路由器v4，“路由器可能只有一个子元素”，使用多个路由

javascript、reactjs、react-router、react-router-v4、react-router-dom

我正在尝试使用react-router-dom呈现一个侧边栏和一个主内容区域。我可以正常地呈现<Sidebar/>，但是我想将位置支柱传递给它，因为我在侧边栏中单击<Link/>会更改URL，但不会更新主内容区域。因此，使用没有路径的路由呈现Sidebar组件总是会呈现Sidebar并让我传递位置。但是我得到了这个错误..。不变冲突：<Router>可能只有一个子元素</

浏览 0提问于2018-03-17得票数 1

2回答

使用一个函数创建多个React元素

javascript、css、reactjs

我正在尝试用一个函数来网格一个网格，该函数为创建的每一行添加50px到顶部的css元素。class Grid extends Component { for (let i = 1; i < 50; i++) { }}> )

浏览 8提问于2020-02-28得票数 0

回答已采纳

3回答

react路由器v4:如何避免在子路由丢失时呈现父路由

http-status-code-404、react-router、nested-routes

我正在尝试将我的大部分路由呈现为包含导航条的AppShell组件的子路径。但是，我想将我的404路由呈现为一个独立的组件，而不是包装在AppShell中。AppShell><Home /></AppShell> /blah呈现

浏览 4提问于2016-12-01得票数 2

点击加载更多