问题标签 [reactstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
11453 浏览

reactstrap - 如何从输入中获取类型值?

我想通过 onChange 函数从 ReactStrap Input 组件中获取类型化的值。目的是仅使用text输入,但能够获取特定类型的值(在下面的示例中为字符串或数字)。

您可以看到预期的类型是由valueAs属性定义的。我希望参加一个活动this.onChange

  • 作为输入 1 的字符串的值
  • 作为输入 2 的数字的值

使用 React / Reactstrap 做到这一点的最佳方法是什么?

0 投票
1 回答
133 浏览

reactjs - NavItem 在反应中的返回类型,reactstrap

我创建了一个函数,它接受 props 并创建一个 . 我想知道我可以用于这个函数的返回类型,以便它是类型安全的。我尝试了 typeof 并返回对象。我希望函数看起来像这样:

感谢您的帮助或建议。

0 投票
2 回答
545 浏览

reactjs - 页面刷新时出现问题

我在 React 应用程序中加载 simplelineicons 字体时遇到问题。从子组件刷新页面时会出现问题。从父组件刷新页面时,我看到字体文件已正确加载。

这是代码:在 Full.js

在 Courses.js 中,路由定义如下:

当我使用 url /courses/info 刷新页面时,我看到字体文件未加载,因为 url 附加了以下课程:

http://localhost:8080/courses/js/fonts/Simple-Line-Icons.78f07e2c2a535c26ef21d95e41bd7175.woff

但它不应该在上面的网址中有课程。它应该是:

http://localhost:8080/js/fonts/Simple-Line-Icons.78f07e2c2a535c26ef21d95e41bd7175.woff

我不确定课程是如何附加到网址中的

我在 webpack 配置中使用以下内容:

有人可以帮我解决这个问题吗。非常感谢。

0 投票
1 回答
263 浏览

javascript - Reactstrap 或 React-router v4 不重定向部分地址链接更改

在我的标题中,

在我的路由器页面

如果我在主页 (/) 上并单击新模板链接 (/template/editor),它会将我重定向到新模板页面。但是,如果我在 (/template/editor/3) 上,然后单击新模板链接 (/template/editor),地址栏会更新,但页面不会路由。我确定我错过了一些简单的东西,但我不知道是什么。

0 投票
0 回答
413 浏览

drop-down-menu - reactstrap + bootstrap 4 beta 下拉菜单不起作用

我不明白为什么这个导航下拉菜单不起作用。我的阅读表明它可能与添加 react-popper 依赖项有关,但我真的不明白这是如何实现的。这是 bootstrap 4 beta + create-react-app + reactstrap 5.0.0-alpha.4。遵循 reactstrap文档

我的Git 存储库链接

引导代码:

依赖包.json:

0 投票
1 回答
793 浏览

reactjs - React JS Reusable Collapse/Toggle Function

I'm trying to make reusable toggle function.

Component initial state:

Toggle function (it should change true/false state based on collapse target clicked):

Rendered elements (using Reactstrap Collapse component):

The problem is that for some reason collapseItem returns expected data-control value but this.state.collapseItem is undefined.

What am I doing wrong?

0 投票
5 回答
15975 浏览

twitter-bootstrap - 在 create-react-app 中,添加 Bootstrap 4?

由于 create-react-app 隐藏了 Webpack 配置而不必使用eject,如果我想使用 reactstrap 或 react-bootstrap 之类的东西,我应该弹出还是不弹出就可以了?

只是好奇人们会在什么时候决定何时需要eject使用他们需要的东西?在我的应用程序的这一点上,我只是原型设计,但它会随着更多的依赖关系和诸如此类的东西走得更远。

0 投票
1 回答
911 浏览

twitter-bootstrap - React 中的 BS4 卡与 reactstrap?

关于在 React 中使用卡片的几个问题。

首先,根据下面的代码,为什么这 4 张卡不能并排放置?我忘了申请什么吗?

我得到的是:

在此处输入图像描述

此外,通过我在网上看到的示例,我喜欢卡片的概念,但更愿意将整个卡片制作成一个大按钮。在 React 中,有哪些最佳实践?

非常感谢。

0 投票
4 回答
3469 浏览

react-starter-kit - 如何使用 React-Starter-kit 安装 Reactstrap

react-starter-kit https://github.com/kriasoft/react-starter-kit

reactstrap http://reactstrap.github.io/

将 reactstrap 安装到 react-starter-kit 的步骤是什么?为了使用网格布局?

http://reactstrap.github.io/components/layout/

0 投票
1 回答
627 浏览

css - Reactjs 自举网格

我正在学习 React,但在使用引导网格/reactstrap 时遇到了一些麻烦。不知何故,当我使用网格系统时,不是对齐水平列,而是垂直列。

电影.js