问题标签 [reactstrap]

我正在尝试使用 Reactstrap（Bootstrap v4 的 React 组件）和 React-Router 构建登录/注册界面。我在模式上有可用的登录和注册按钮。

一旦用户单击“登录”或“注册”，我希望将模式中的按钮组件换成输入组件，以便用户可以输入他们的信息。我正在尝试使用 React-Router 执行此操作，以便可以在模态中切换组件，而无需转到新页面或打开新模态。

这样的事情可行吗？模态当前不会打开新的 url，它只是出现在现有页面上。我在下面包含了我的代码：

模态模板

基本注册/登录组件

注册组件

登录组件

我创建了一个简单的应用程序组件，它呈现一个侧边栏和一个仪表板。单击侧边栏中的链接，我想做一个 AJAX 请求并更改仪表板的状态。我已将点击处理程序函数移动到 index.js 应用程序组件，以便它可以将道具向下传递到仪表板。

index.js：

我的 NavBarSide 是这样的......

NavBarSide.js：

此函数似乎会立即执行，而不是预期的行为。

如果有更好的方法来做到这一点（我认为使用 react-router v4），如果它也包括在内将会很有帮助。

我有一个使用 reactjs 和 reactstrap 的简单侧边栏。目前，我的侧边栏下拉菜单在点击时会覆盖较低的下拉菜单。如何更改此设置，以便在单击时侧边栏链接被向下推而不是被覆盖？

NavBarSide 组件：

当前功能：

我还附上了整个应用程序的相关 css 文件：

我试图弄清楚如何在 NavLink 中传递自定义道具。我正在使用服务器端渲染和 reactstrap。流程是我从后端获取数据列表并为其创建导航链接。当用户单击导航链接而不是再次获取相同的数据时，它应该显示我最初从后端检索并作为道具传递给它的数据。

此代码将创建 Navlink：

DataInfo 是描述导航链接的组件。

当用户点击上面它应该路由到应该从数据呈现的其他页面（详细信息）。这是我正在使用的路由。

有人可以指导我如何在 Navlink 中传递可以在路由到新页面后访问的客户道具

提前致谢。

我试过使用 npm package reactstrap。我的组件：

我收到以下错误：

我是新来的。我正在尝试使用 bootsrap 4 创建一个反应应用程序。我正在按照以下步骤使用reactstrap ：

在 src/index.js 文件中导入 Bootstrap CSS：import 'bootstrap/dist/css/bootstrap.min.css'；

但是当我启动我的应用程序时，我收到了这个错误：

编译失败。

./src/index.js 未找到模块：无法解析 'D:\React\my-app2\src' 中的 'bootstrap/dist/css/bootstrap.css'

我曾经使用 CDN 引导程序，你知道，在我的 html 页面中， 链接 rel="stylesheet" ... etc 和 script src=""... etc。但是使用reactstrap，js文件在哪里？（jquery，popper，bootstrap）（当我运行npm install bootstrap --save时都在一起？）

谢谢

我想在状态 == 循环索引时将项目设置为活动状态。但我每次都变得虚假。

我有一个带有品牌的导航栏，我希望该品牌成为主页的链接。

这会导致警告：

那我该如何继续使用 reactstrap 和 react-router 呢？

I have a navbar using reactstrap and wanted to incorporate react-router. After a failed attempt I have found the solution here.

However I don't understand the syntax:

I have a <NavLink> from React-Router and a navbar from Reactstrap.

Instead of wrapping the Reactstrap's inside React-Router's (Which throws a warning):

This is the syntax:

What is the tag attribute? What does it do?

Thanks all!

我正在使用 React 和 Express.js 为 Google Vision API 创建文件上传服务。我已经创建了一个简单的文件上传到该帖子以在提交时“/上传”。上传后，我一直遇到这个错误：

这是构成简单图像上传表单的我的 react app.js。

应用程序.js

服务器.js

包.json

我是使用代理进行 react 和 express.js 应用程序的新手。有人可以帮助澄清导致此代理错误的确切原因吗？