如何与reactjs中的组件一致地使用网格布局

文章/答案/技术大牛

发布

2回答

javascript、reactjs、grid-layout

我正在开发一个web应用程序，我想使用CSS网格布局。几个小时后，我发现我的大多数布局都是不正确的，因为style被更低的组件覆盖了，丢失了gridArea。因为我认为放置项目是容器的责任，所以项目应该与上层组件决定分配给它们的gridArea无关。此外，我有组件工厂，所以有时我不知道哪个项目会在那里。我现在在我的所有组件<em

浏览 15提问于2019-02-03得票数 1

0回答

如何在React中有效地使用CSS网格布局？

css、reactjs、single-page-application

我目前正在使用ReactJs和CSS网格布局构建一个单页面应用程序，用于组件的放置和样式。举个例子： Reac

浏览 12提问于2017-06-07得票数 8

1回答

在网格项组件onHover上创建MaterialUI有困难

css、reactjs、material-ui、hover

我正在创建一个网格布局，其中包含嵌套的Grid组件。但是，由于某些原因，我不明白，在Grid item组件中使用内联样式不起作用。请帮帮忙，我在ReactJS中使用ReactJS还是很新的。网格封装在仅显示在移动设备中的隐藏组件中。我试图实现的是网格项在悬停时改变颜色以下是我所做的

浏览 0提问于2020-11-06得票数 0

回答已采纳

0回答

在ReactJs中为组件创建不同的移动布局

reactjs、mobile、layout、react-redux

如何使用ReactJs为组件(具有不同的桌面类型布局)创建完全不同的(移动类型布局)。(不是响应式的，响应式的是css必须处理的事情。)它应该是组件的不同布局，即在这里创建一个桌面屏幕的菜单(标题菜单)的页面，这将成为一个导航侧栏与小屏幕上的徽标。

浏览 7提问于2017-01-05得票数 5

回答已采纳

3回答

在ReactJS内核中调试AspNet组件

.net、reactjs、asp.net-core、webpack

我有一个在aspnet内核中包含reactjs代码的项目。Reactjs最近被添加到现有的aspnet核心应用程序中。捆绑js文件被添加到aspnet核心cshtml布局文件中。一切正常，现在我们在devtools上使用调

浏览 5提问于2021-02-02得票数 2

回答已采纳

2回答

在这种情况下，我应该使用什么布局？

java、swing、awt、layout-manager

我正试图制作类似上述的内容，一个由许多JButton组件(灰色矩形)组成的框架。这些按钮的形状是准确的，但它们的位置看上去像图片。我是AWT，Swing之类的新手，不知道我应该使用什么布局，我知道一些GridLayout和BorderLayout，在这种情况下显然不合适。

浏览 3提问于2015-09-07得票数 1

回答已采纳

2回答

允许控件适当缩放的布局。

c#、wpf、layout

对于C#中的WPF项目，我必须创建一个带有布局的菜单状态。下面是菜单状态应该如何与相似的图像示例。所以，我的问题是，当我调整窗口的大小时，我应该使用哪些布局来使我的组件可伸缩？到目前为止，我已经使用了网格布局，但我不确定这是否适合于像原型图像中的组件。

浏览 4提问于2014-12-14得票数 2

回答已采纳

1回答

在Umbraco的原始ReactJS.net中试图水合物化

asp.net-mvc、reactjs、umbraco、reactjs.net

我有一个Umbraco松散地与ReactJS.net工作。我有一个根<App>组件，它接受(Umbraco和Path)对象的数组prop，用于使用<Content> comp为站点中的每个页面生成一个<Route>。<App>在UmbracoViewPage中呈现，在客户端浏览器中呈现得很好--使用@Html.ReactInitJavaScript()，它会像预期的那样

浏览 2提问于2018-01-27得票数 0

回答已采纳

1回答

数组之间的交互(Java的新特性)

java、swing

唯一的问题是，我不能让我的欢迎屏幕上的文本和按钮以我想要的方式“排列”。我有一张照片，但由于“声誉原因”无法上传下面是欢迎窗口的所有代码

浏览 2提问于2011-11-29得票数 2

1回答

Ext JS网格不会填充面板，即使使用“适合”布局也是如此

layout、extjs4、gridpanel

我正在尝试让网格占据面板中的整个空间，在通过这个论坛进行搜索后，我读到一个合适的布局应该有助于解决这种情况。然而，我仍然有问题让它这样做。flex: 2 } } 它唯一的工作方式是为网格设置一个绝对高度，但这违背了这个目的，因为面板+网格位于一个可扩展的窗口中，当它被

浏览 1提问于2012-03-12得票数 1

回答已采纳

1回答

在ReactJS中实现多语言支持

reactjs、localization、react-router、i18next

我正在构建一个小型eCommerce解决方案，后端使用moltin，前端使用ReactJS。我已经完成了我的申请，我想实现西班牙语。用户应该能够点击西班牙国旗，网站(所有组件)将立即翻译成西班牙文。我尝试过很多npm包，但是都没有用--我不使用Redux，我只是有一堆ReactJS组件、布局文件和路由。当您有一个组件时，我已经看到了一些如何实现这一点的示例，但我仍然不知道如

浏览 3提问于2017-06-07得票数 0

回答已采纳

3回答

设置GridBagLayout网格的大小

java、swing、layout-manager、gridbaglayout

我正在尝试使用Java (GridBagLayout)创建一个控制台。其中浅蓝色为列表，绿色为图像，橙色为文本面板，黄色为文本字段。这是一些密码。如您所见，列表的网格高度为

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

回答已采纳

5回答

在物料界面上，Box和Grid有什么区别？

css、reactjs、material-ui

何时使用每一个我对此感到困惑

浏览 2提问于2020-07-05得票数 34

回答已采纳

1回答

使用Reactjs在ag网格中使用标头组件的示例

reactjs、ag-grid

是否有任何使用Reactjs在ag网格中执行新的标头组件的非平凡示例？我还必须创建过滤菜单，因为ag网格表示，这现在是开发者的责任。

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

回答已采纳

1回答

将组件列表作为输入传递给另一个组件

angular

我想要一个纯UI组件，它可以显示其他UI组件的网格，但是网格UI组件必须/不能知道它必须在其网格中显示的其他UI组件的类型，它们可以是任何东西(当然，总是一个角度组件)。我该怎么做？在网格组件中可以使用什么属性类型来保存一个完全未知组件的列表？以及如何</

浏览 0提问于2018-11-22得票数 1

回答已采纳

1回答

Reactjs App我可以在哪里定义我的布局？

reactjs、layout

我是ReactJs的新手，我不确定应该在哪里以及如何定义组件的布局。具体地说，我希望我的SideBar页眉和页脚保持粘性，并使用react-router-dom，我想在需要的时候在适当的位置挂载其余的组件(单击侧栏项目)？那么，我是应该一起渲染多个组件，还是有另一种方法可以先定义布局，然后在预定义的位置渲染组件

浏览 2提问于2018-10-22得票数 0

2回答

什么是CSS？

reactjs、blueprintjs

Noob问题: cSS API的目的是使这些组件成为可能，而不需要任何额外的反应代码？因此，只使用CSS需要包含React包，还是Blueprint包能够单独工作？

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

回答已采纳

4回答

React原住民有一个“虚拟DOM”吗？

javascript、reactjs、react-native、virtual-dom、react-fiber

来自关于虚拟DOM的页面：但是呢？例如，在规范中有一个，它描述直接使用DOM树的方法。我的假设是，我们可以认为ReactiveNative也应该有某种DOM树，以

浏览 10提问于2017-01-23得票数 56

1回答

如何在React应用程序窗口中运行jQuery应用程序

jquery、reactjs

在基于React的应用程序的“窗口”中集成和运行jQuery Web应用程序的最好方法是什么？我们有一种情况，在使用React移植和重写之前，jQuery Web应用程序应该集成到React Web应用程序中。谢谢大家

浏览 1提问于2021-02-21得票数 0

1回答

JPanel GridBagLayout

java、swing、jpanel、gridbaglayout

目前，我已经成功地实现了一个网格袋布局与jpanel，并增加了7个显示面板和一些“填充”面板，以获得我想要的布局。当只有几个元素可供面板显示时更有规律的设置很多(不经常)的系统下面是更新面板的方法。有许多带有网格约束的重复代码，我可能应该让一个函数接受这些参数，以使其更易读。Panel_MainPanel.add(panel, c); _Panel_M

浏览 3提问于2015-10-22得票数 1

回答已采纳

点击加载更多