react-router 第8页 - IT屋-程序员软件开发技术分享社区

如何在nextjs中导航而不会丢失标题组件的状态

有没有什么方法可以在不丢失标题组件状态的情况下创建/构建 next.js 应用程序以进行导航? 让我解释一下. 我有这样的标题组件: 从“反应"导入 { useState }从“下一个/链接"导入链接导出常量头 = () =>{const [value, setValue] = useState(1)返回 (标题设置值(值 + 1)}>{价 ..

发布时间：2022-01-02 23:58:14 reactjs react-router next.js router server-side-rendering 其他开发

React 路由器 - 将 api 数据传递给链接的组件以打开新页面

我很难理解在这里设计路由.例如 - array.map((每个)=>( ..

发布时间：2022-01-02 23:58:03 reactjs react-router react-router-dom react-router-v4 其他开发

我在使用 react router 和 webpackdevserver 设置单页 react 应用程序时遇到了一些问题.如果我使用 browserhistory，webpack 在输入嵌套路由 url(例如/client/view)时会出现一些问题.这可以通过添加 apiFallback 来解决，但热重载仍然存在问题.它尝试从不存在的深层 url (/client/view/hot-update ..

发布时间：2022-01-02 23:57:54 reactjs webpack react-router webpack-dev-server react-hot-loader 其他开发

导航不是 <Route>零件.<Routes> 的所有子组件必须是 <Route>或 <React.Fragment>

如果用户未登录且未设置令牌，我想重定向到另一个页面进行响应.为此，我尝试使用 react-router-dom Version: 6.0.2 中的 Navigate 选项，就像旧的 Redirect 选项一样.但我收到错误:[导航] 不是组件.的所有子组件必须是或 . import "./App.css";从“react-router-dom"导入 { BrowserRouter, Route ..

发布时间：2022-01-02 23:57:46 javascript reactjs react-router 前端开发

React +(Router) 没有 webpack 或 browserify

是否可以在不使用 browserify 或 webpack 的情况下使用 ReactRouter.我正在关注 http://rackt.github.io/react-router 的文档，他们需要 react 和 react-router(require('react-router');).如果我使用 browerifly，我生成的包大约有 1MB 文件大小，这听起来很多. 那么是否有可能 ..

发布时间：2022-01-02 23:57:38 reactjs browserify webpack react-router 其他开发

反应 - 未捕获的类型错误:无法读取未定义的属性“func"

我收到错误: 未捕获的类型错误:无法读取未定义的属性 'func' 但我不知道为什么，我已经在谷歌上搜索了错误，并给每个人发了同样的错误，但没有运气.谁能帮帮我? 我正在使用 react-router@3.0.2 index.jsx 从'react'导入React；从 'react-dom' 导入 ReactDOM；从“反应路由器"导入{路由器，浏览器历史}；从“反应头盔 ..

发布时间：2022-01-02 23:57:30 javascript reactjs react-router jsx 前端开发

如何修复“404"在反应中直接访问组件时出错

我正在重做我的作品集以应对.所以对它来说相当新.我在这里面临的问题是，当我将 React 项目托管到服务器时，一切正常，使用路由，导航时将页面移动到顶部等，但是我观察到，当我关闭网站选项卡并尝试直接访问组件时.例如，如果我执行“http://mywebsite.com"，它会起作用.但是，如果我执行“http://mywebsite.com/contact"，页面会显示 404，是的组件确实存在. ..

发布时间：2022-01-02 23:56:57 reactjs react-router hosting 其他开发

如何在 Heroku 中将所有 url 重写为 index.html?

我的 Heroku 应用程序使用 React 和 React Router.我使用 Switch 浏览不同的组件，因此 URL 也会发生变化(例如 /room/4141).但是，如果我重新加载页面，它不会像 React 应用程序那样运行，而是会搜索提到的 .html 文件. 我使用了这个 Buildpack:https://github.com/mars/create-react-app-b ..

发布时间：2022-01-02 23:56:49 reactjs heroku react-router 其他开发

React router history.push 回退到 404 路由

每次我执行 history.push("/path") 时，url 都会更改为正确的路径，但 404 PageNotFound 组件会被渲染. //indes.tsx从“反应"导入反应；从 'react-dom' 导入 ReactDOM；从“./App"导入{App}；从“./customHistory"导入历史记录；从“反应路由器"导入{路由器}；ReactDOM.render( ..

发布时间：2022-01-02 23:56:41 reactjs react-router browser-history html5-history history.js 其他开发

如何在反应中单击按钮时将一个组件移动到另一个组件?

你能告诉我如何在反应中点击按钮时将一个组件移动到另一个组件吗?我从 cdn 得到 react-router.js .我不知道如何使用这个 js ..我想在按钮点击第一个组件`时显示第二个组件这是我的代码 http://codepen.io/anon/pen/jVoZjW?editors=1010 class Abc 扩展 React.Component {处理(){alert('移动到第二 ..

发布时间：2022-01-02 23:56:31 javascript reactjs react-router reactive-programming 前端开发

React-router-dom - 链接更改 url 但不呈现

我是 React 的新手，我制作了一个以从 dy 数据转到下一个或上一个项目(例如，如果我在 user/2 视图上，则上一个链接转到用户/1，下一个链接转到用户/3)，网址已正确更改，但根本不呈现组件并且根本不重新加载数据. 我读到这是因为组件没有检测到子组件没有改变状态，所以父组件没有呈现. 我尝试使用 withRouter 但我遇到了一个错误:你不应该使用或 wi ..

发布时间：2022-01-02 23:56:20 javascript reactjs react-router react-router-dom 前端开发

在 React-Router 中使用 Link 传递道具

您好，我正在尝试使用来自 React Router 的链接组件将 Props 传递给 Details 组件.我不想在页面上显示 Detail 组件，它应该在单击按钮时呈现，而且当新组件呈现时，url 应该看起来像这样 '/details/KvhNJecsqr6JFMSRTS'. class Card extends Component {渲染(道具){返回( ..

发布时间：2022-01-02 23:56:08 javascript reactjs ecmascript-6 react-router 前端开发

react:Uncaught DOMException: 无法在“History"上执行“pushState":带有 URL 的历史状态对象

我有一个react项目，我现在通过webstorm打开没问题，但是直接打开index.html里面的文件夹，主页可以出来，但是点击会报错，点击链接我用过reactor.麻烦谁能帮我解决一下，谢谢！错误提示: 未捕获的 DOMException:无法在“历史"上执行“pushState":A带有 URL 的历史状态对象'file:///Users/qinchen/Desktop/cha ..

发布时间：2022-01-02 23:55:58 reactjs react-router 其他开发

使用带有反应的材料 UI 选项卡

我偶然发现的一件事是了解如何使用 Material-UI 选项卡.我找到了很多帖子，但每个帖子都针对不同版本的 Material-UI，并且每个帖子都给出了完全不同的实现方式. 我创建的 Web 应用程序是一个分析仪表板.我在页面上有 3 个部分. 应用栏主体页脚在主体部分我想有一个选项卡组件和仪表板组件.选择不同的选项卡将显示不同的仪表板组件. 我从默认的 Ta ..

发布时间：2022-01-02 23:55:29 reactjs react-router material-ui 其他开发

如何使用 react-router 使用私有路由?

我想使用身份验证建立安全路由.我已经在 App.jsx 文件中定义了路由.我正在使用“路由"来定义要呈现的组件. 在 App.jsx 中 ..

发布时间：2022-01-02 23:55:13 reactjs react-router 其他开发

使用路由器反应 Material-UI

我正在尝试使用 Material-UI 库构建简单的 React 应用程序. 我使用了示例应用程序来创建反应-app 并尝试向其中添加路由器，以便我可以在组件之间导航，但似乎 Material-UI 库添加的组件与 React-Router 库不能很好地配合使用. 有没有同时使用 react-router 和 material-ui 库的例子? 解决方案我有一个基本的boile ..

发布时间：2022-01-02 23:55:01 reactjs react-router material-ui 其他开发

使用 React Route 部署到 S3 后看到空白页面

我使用 React 和 React Router 构建了一个 SPA.我也在使用 https://github.com/facebookincubator/create-react-app 因为它是一个非常简单的应用程序.当我使用 webpack 进行开发时，我可以很好地看到页面.但是，在我使用 npm run build 从 create-react-app 为生产构建后，我通常会得到 HTML ..

发布时间：2022-01-02 23:54:51 javascript html reactjs amazon-s3 react-router 前端开发

用getComponent怎么传递props?

我不知道如何将 props 传递给组件.这很重要，因为我不想在 componentDidMount 方法中获取数据，因为这样搜索引擎将不可见. 我的代码是这样的 const 路由器 = ..

发布时间：2022-01-02 23:54:28 react-router 其他开发

Express.js，意外令牌 <

我有一个简单的快速服务器，看起来像这样: Epxpress 应用程序: var express = require('express');varcompression = require('压缩');var path = require('path');var cors = require('cors');var router = express.Router();var app = ex ..

发布时间：2022-01-02 23:54:21 javascript node.js express reactjs react-router 前端开发

React Router browserHistory.push 在新标签页中打开链接

可以使用作为在新标签页中打开链接.但是是否可以使用 browserHistory.push 在新选项卡中打开链接? 解决方案 React-router 是建立在浏览器历史 API 之上的.browserHistory.push 调用 pushState() 方法. 从链接文档的第一行: pushState( ) 接受三个参数:状态对象、标题(当前被忽略)和(可选)统一 ..

发布时间：2022-01-02 23:54:01 javascript reactjs react-router 前端开发

react-router相关内容