我正在开发一个带有React-Bootstrap库的React应用程序。我显示了一个ShopResume组件，它在映射函数中呈现CardGroup元素，以将我的数据映射到我的CardGroup中的每个Card上。
我想有一个最多3张卡显示行。但我所有的改变似乎都不起作用。现在，我只在一行中显示了我所有的卡。我想我的渲染创建新的行时，它已经显示了2
浏览 15提问于2019-07-26得票数 1
回答已采纳
奇怪的是，只要我删除代码中的Nav.Link行，它就能正常工作。为什么我不能渲染Nav.Link？这是我的代码(App.js)import Button from 'react-bootstrap/lib/Button';
import Navbar from 'react-bootstrap/lib&#x
浏览 1提问于2019-02-26得票数 0
回答已采纳
3回答
如何检测React项目中未使用的依赖项？我知道有npm包可以做到这一点，但它们只适用于普通的js项目，而不适用于Reacts jsx文件。有没有类似的包可以和React一起使用？
浏览 12提问于2015-07-29得票数 11
我正在尝试使用react-bootstrap创建一个导航栏我已经安装了节点模块，它是"@types/react-bootstrap": "^0.32.11",，我想在我的hello.tsx组件中使用它，但它显示编译错误模块未找到:错误:无法在：\Query Express\Portal\src\components中解析' react-bootstrap‘我不明白它为什么要在组件目录中查找<e
浏览 0提问于2018-07-24得票数 4
回答已采纳
我尝试在我的测试项目中使用Bootstrap面包屑，但是经常遇到错误。我刚刚重写了页面从一个组件类到一个函数，但仍然得到相同的错误。我所犯的可怕的错误：
Uncaught Error: Invalid hook call./node_modules/react-bootstrap/esm/Breadcrumb.js/Breadcrumb<@http://localhost:3000/static
浏览 4提问于2021-12-30得票数 2
回答已采纳
我是一个React新手，正在做一个ToDo list风格的。我有一个功能组件Item.js，我正在使用JSX和映射函数来迭代每个食谱项目并显示它们。我希望每个配方项都出现在新行上，但是当我使用.map遍历它们时，React会将整个配方项列表放入一个p标记中，而不是为每个项目放入一个p标记。
如何遍历配方项并将它们显示在单独的行中？即使我试图将它们显示为一个无序列表
浏览 2提问于2018-09-14得票数 0
我正在利用react bootstrap和firebase创建一个允许signIn的模式--我有一个完全实现的create user组件，但是当我尝试使用一个模式来处理我的登录错误时。任何帮助都是非常感谢的。import { Button, Modal, Form } fr
浏览 0提问于2021-04-21得票数 0
1回答
我想得到至少2张卡片在同一行，但由于数据是一个一个地映射，我不知道如何这样做。我使用一个名为“Content”的自定义组件，并在这里返回数据import React from "react";import { ListGroup, ListGroupItem } from "react-bootst
浏览 3提问于2022-01-05得票数 0
回答已采纳
2回答
我应该使用下列哪一项：或
import Button from 'react-bootstrap/Button';前者具有为组件使用正确名称的优点，因此我不明白为什么要使用后一种方法来导入ES6。
浏览 3提问于2021-05-31得票数 0
回答已采纳
1回答
我已经安装了npm包引导程序+将其导入到gatsby-browser.js文件中(见下文)。引导CSS可以工作，但问题是我一直在控制台中获取此错误消息。我做错了什么？可能出现的问题：
"prop-types": "^15.7.2",
"react": &q
浏览 21提问于2020-07-14得票数 1
1回答
每三列创建一行
、、、
我试图创建一个虚拟商店，我想让每一行的产品在一个大屏幕上有四个项目，三个在中型，两个在嗅觉。import React, { useState, useEffect } from "react";
import Container from
浏览 2提问于2022-01-26得票数 0
回答已采纳
1回答
我正在使用React/NextJS，并创建了一个组件，该组件仅在全屏上垂直显示卡片。我试过使用，但没有运气。也许我在错误的地方做这件事？卡组件：import { Card } from "react-bootstrap";
function VendorCard(props) {/dummy
浏览 1提问于2021-06-18得票数 1
回答已采纳
我使用了react-bootstrap模式来显示React中的通知。它工作得很好，但当我在模式之外单击时，它并没有关闭。模态代码 import React from "react";import Modal from "react-bootstrap/Modal";
import ModalBody from "react-bootstrap</em
浏览 14提问于2020-04-17得票数 0
回答已采纳
当它一起写在一个文件中时，一切都是正常的。}) </div> )我想把产品卡和购物卡放在它自己的组件中当我这么做的时候，像这样 const { id, title, description, image } = produ
浏览 3提问于2021-03-24得票数 0
回答已采纳
我正在尝试使用next.js，当我将一个导航条组件导入到我的_app.tsx并运行该项目时，它会给我一个错误，说“不能在模块之外使用导入语句”。但这并不发生在香草的反应中。我所做的就是在components文件夹中制作了Navbar组件。navbar.tsx
function NavigationBar(): JSX:Element {&#x
浏览 9提问于2022-09-06得票数 0
1回答
我正在映射他们，我得到的正是我想要的。然而，在我的对象数组中，我没有收到我想要的成分。我正在接收这个值的console.log，但是它本身的价值--我没有在这个位置上显示任何东西。这是我的密码。我试图让我的成分显示在李里面，我正在映射，但当我点击我的面板，我没有收到任何价值。但是，下面的console.log显示了一个值。无所事事..。react-bootstrap</em
浏览 2提问于2017-09-19得票数 1
回答已采纳
我正在使用react-bootstrap的NavDropdown作为NavBar的一部分来显示数据列表。有时列表比视图的其他部分要长，切断了列表的底部。我需要能够将overflow: auto添加到列表中，但不知道如何做到。将NavDropdown或其中的项封装在一个样式化的div中会破坏react-bootstrap的样式。试图直接(通过className或st
浏览 1提问于2018-02-09得票数 2
回答已采纳
我正在尝试在重新框架项目中使用react引导程序。我已经安装了反应性-引导程序并使用它的组件，如下所示： ;; ...["react-bootstrap/Button" :as Button][:> Dropdown
[:> DropdownToggle "button&qu
浏览 11提问于2022-05-10得票数 0
回答已采纳
当我使用类型记录运行Jest测试时，在node_modules库中调用的外部TS文件导入上会出现以下错误：tsconfig.json "compilerOptions": { "module": "commonjs",
"
浏览 8提问于2020-09-18得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
