不导入导航栏和样式的Reactjs呈现组件

文章/答案/技术大牛

发布

1回答

reactjs

我正在使用react-dom-router在我的应用程序组件之间路由，我想创建一个组件(SeperatePageCompoenet)，当用户导航到URL ()时，compoenet将在不使用导入的"App.css“文件的情况下呈现，并且不包括在App.js组件中呈现的compoenet。这是我的index.js compoenet import React from &q

浏览 14提问于2020-05-29得票数 0

回答已采纳

1回答

我们应该在多个地方呈现反应组件吗？

reactjs、react-redux、react-hooks、redux-toolkit

因此，我有一个名为Balance组件的组件，我希望在导航栏和页面(摘要页)组件中显示它。但我想防止它两次发出api请求。，所以我没有在这个组件中添加任何样式。样式是在摘要页和导航栏中完成的。updateBalance请求从api中获得新的余额。我正在使用redux工具包，我试图遵循单一责任原则，使组件小、可重

浏览 1提问于2021-05-16得票数 0

回答已采纳

1回答

组件高度未使用Flex box正确呈现

css、flexbox、react-native

我正在尝试使用React Native创建一个MapView组件，并为其提供了以下样式： flex: 1, height: vh,该组件将在导航栏和页脚之间完全呈现如何让地图在导航栏和页脚之间以100%的高度呈现？

浏览 1提问于2015-08-11得票数 1

1回答

删除或隐藏gatsby starter工具栏

reactjs、gatsby

我将Gatsby Material Starter kit用于个人项目(本质上是为了学习Ract和Gatsby)。在对布局和模板进行了几个小时的修改之后，一定有一种优雅的方法来实现这种设计？有什么方向或工作代码可以分享吗？

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

2回答

如何在React项目中组织样式组件文件

reactjs、code-organization、project-organization、styled-components

我应该如何组织React项目中的样式组件？我的意思是，举个例子--我有一个想要添加样式的导航栏组件。我应该创建单独的文件NavbarStyle并将其导入导航栏，在导航栏组件中创建NavbarStyle还是其他什么？或者它只适用于按钮之类的通用组件？对于这个按钮和</e

浏览 20提问于2017-05-23得票数 1

2回答

将事件发送到另一个类

javascript、reactjs、oop

在我的web react项目中，我有两个第一类的“菜单”，返回仪表板的菜单(用于更改页面“主页”、“消息”的链接...)另一个"Box“用于显示页面(它是我的网站页面的容器)，所以我的问题是，当我单击按钮时，页面是如何显示的？

浏览 25提问于2020-09-05得票数 0

2回答

从小枝到ReactJS:如何扩展模板/组件来构建完整的reactJS页面？实现react路由器和redux到symfony？

symfony、reactjs、twig

在我的小枝应用程序中，我有一个控制器呈现一个视图。ReactJS似乎是简化程序的好方法。如果我呈现我的主体组件，并且它与我的导航</em

浏览 0提问于2016-01-31得票数 12

1回答

React-bootstrap正在更改我的自定义css组件

html、css、reactjs、twitter-bootstrap、react-bootstrap

为了相同地复制关键组件(比如导航栏和侧边栏)中的样式，我需要使用自定义css。我不需要做一个完全相同的拷贝，我想节省时间，那时候我也决定使用React-bootstrap。我为我的导航栏和侧边栏创建了一个自定义css，并且我正在导航栏的组件中导入css： <code&g

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

回答已采纳

2回答

在ReactJS中创建父“工作区”组件

reactjs

使用ReactJS，我正在尝试创建一个具有工具栏按钮和导航菜单的公共工作区组件。我的想法是重复使用这个组件来包装我在应用程序中呈现的所有其他动态组件。目前，我已经创建了一个工具栏和MenuBar组件，然后将它们添加到应用程序中的每个组件中：<MenuBar&#

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

回答已采纳

1回答

为什么我的肚脐是反应-引导渲染垂直而不是在文档中显示的方式？

twitter-bootstrap、reactjs

我尝试过将我的navbar类从引导程序导入到我的新的react应用程序中，但是它并没有按预期呈现。这是我的代码：import { Navbar, Nav, NavItem, MenuItem, NavDropdown{3.4}>Separated link</MenuItem>

浏览 1提问于2018-04-08得票数 1

回答已采纳

1回答

SwiperReact:在NextJs中设置导航箭头样式？

reactjs、next.js、swiper.js

我在NextJs中使用Swiper React组件创建了一个滑块，但是当导航属性设置为"true“时，会呈现一些我想要设置样式的难看的蓝色箭头。为了样式化我的组件，我使用了“@material-ui/ makeStyles / _app.js”中的样式，显然我不能在我的组件中导入css文件，除非它是我的</e

浏览 6提问于2020-12-15得票数 0

2回答

React未正确呈现

css、twitter-bootstrap、reactjs、apache

首先，我没有编写React代码(这也是我第一次接触React )，这是团队努力的一部分&我只是想让它在Apache上正确运行。当页面加载时，它似乎没有呈现任何CSS。谢谢你的建议。

浏览 1提问于2018-05-01得票数 0

回答已采纳

2回答

为什么没有按照路由呈现组件？

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

我使用的是react路由器，我用path /account创建了一个路由，它呈现帐户组件。该组件呈现一个导航条。在这个导航栏下面，我希望它呈现一个不同的组件，这取决于URL是什么。如果URL是account/edit，我想显示编辑帐户组件，如果URL是account/myorders，我希望它显示我的orders组件

浏览 5提问于2021-05-19得票数 0

回答已采纳

1回答

从纱线工作区导入公共包时，样式组件服务器和客户端不匹配

reactjs、next.js、styled-components

我有一个名为Button的样式组件，它是从packages/common (简单反应应用程序)导出的，我想在packages/landing-page (NextJs应用程序)中使用它。导入样式化的组件时，如下所示：// ...

浏览 7提问于2021-09-18得票数 1

1回答

在Reactjs中动态生成Nav Bar？

reactjs、react-router、mobx

我想知道最好的方式是改变我的导航栏，根据用户在网站上的位置。我会有这样的组件@observerlo

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

回答已采纳

5回答

Reactjs -导入的组件不呈现

javascript、reactjs

使用create-react-app制作了我的第一个Reactjs应用程序。在我的主App组件中，我调用了另一个名为menuButtons的组件。它已导入，但不显示。额外信息:在App.js中，当按住CTRL键并单击<menuButtons />时，VScode不会将我重定向到menuButtons组件。menuButtons.js │ └───co

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

1回答

Reactjs预加载嵌入式内容

javascript、reactjs

我在一个使用ReactJs的一页网站上工作。网站的不同部分被创建为react组件，并基于用户在导航栏中选择的选项卡有条件地呈现。我以react youtube播放器和一些嵌入式bandcamp播放器的形式包含了嵌入式内容。现在，每当我渲染它们的父组件时，它们都会重新加载。在打开站点时加载此内容，并在必要时使其可见的最佳方式是什么？

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

3回答

使用React.js切换选项卡上的类

class、backbone.js、tabs、twitter-bootstrap-3、reactjs

我想要做的是，将.active类添加到单击的选项卡中，并确保将其从非活动选项卡中删除。现在我可以记录下哪个选项卡是被选中的，还可以切换它们等等。你看到的@handleClick，我甚至不想使用，因为路由器应该告诉tab-compone

浏览 0提问于2014-03-18得票数 9

回答已采纳

1回答

关于react-router-dom和github页面的问题

javascript、reactjs

所以，首先我遇到了路由不工作的问题，但是我解决了react-router-dom的"baseline“属性，但是现在尽管主页加载了，但是后续的链接呈现在第一个组件的下面，这个组件应该在链接被点击时完全消失这是我的app.js import React from 'react';import Navbar from '.

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

回答已采纳

1回答

哪个NavigationBar？

javascript、reactjs、react-native

RN目前有2个官方的和少数社区开发的NavigationBars。在阅读之后，Navigator似乎是最受欢迎的导航控制器实现(取代NavigatorIOS)，因为它允许将条形图与导航逻辑分离。，但是与它一起使用的导航条是什么？干杯:)

浏览 2提问于2015-07-27得票数 0

回答已采纳

点击加载更多