-
0 votesanswersviews
Redux表单 - 渲染以下自定义组件时出错?不知道为什么?
我试图使用redux-form呈现以下自定义字段组件,我也将自定义道具传递给字段组件,但它不断给我一个错误,如下所示: invariant.js:42未捕获错误:对象无效作为React子对象(找到:具有键的对象) . 如果您要渲染子集合,请使用数组 . 在ConnectField中由ConnectedField创建(由Connect(ConnectedField)创建)由Connect(Conn... -
0 votesanswersviews
使用自定义异步中间件进行调度 - Redux Thunk - 响应路由器
我'm trying to dispacth an async action with redux thunk. but my code isn'工作,控制台只是把我的错误 Error: Actions must be plain objects. Use custom middleware for async actions. 好吧,这是我的代码: import React from 'reac... -
2 votesanswersviews
从v3迁移到v4 react-router时出错
我决定使用react-router v4而不是v3并更改我的路径,以便它们与路由器的v4和redux一起使用,但我得到下面的错误(我使用export default导出所有组件并且不忘记导出任何东西) . 我的代码出了什么问题? 元素类型无效:期望一个字符串(对于内置组件)或类/函数(对于复合组件)但得到:undefined . 您可能忘记从其定义的文件中导出组件 . 我试图改变这个v3路由器... -
2 votesanswersviews
如何使用React-Router和React-Redux将道具发送到子路由组件?
我正在使用React React-Router和React-redux创建网站 . 这是我的商店和减速机: const defaultState = { posts: [{key:0, title: 'Default post', text: 'Every visitor is welcome!'}] }; const store = createStore( (state = ... -
0 votesanswersviews
如何将容器组件传递到react-router-dom Route?
我目前在反应路由器redux中传递正确类型的打字稿问题 . 打字稿错误: severity: 'Error' message: 'Type '{ path: "/foo/:id"; component: typeof "<path>..' is not assignable to type 'IntrinsicAttributes & Intrin... -
0 votesanswersviews
反应redux改变查询参数与组件
我有一个使用redux,react-router,react-router-redux的同构反应应用程序,我想用url查询参数绑定我的组件,当查询参数更改时,发送请求到API并更新我的状态,最后获取数据 . 我知道使用react-router-redux会自动更新我的状态 . 此外,我想在获取数据时向用户显示预加载器(微调器) . 为这个问题编写动作创建者的最佳方法是什么?谢谢 -
3 votesanswersviews
重播动作React-Router-Redux
我在重做Redux DevTools中的位置更改操作时遇到问题 . 我是Redux的新手,我正在尝试使用最新的软件包react-redux 5.0.4,react-router 4.1.1,react-router-redux 5.0.0-alpha.4制作一个完整的Redux应用程序 . 经过大量的努力,商店通过连接传递给Provider,路由器与ConnectedRouter正确连接(官方do... -
2 votesanswersviews
React路由器在状态改变后没有重新渲染
我有这样的反应组件与路由器 . 如果通过props传递的登录名为false,则将呈现登录页面 . 道德是由redux国家推动的 . const Root = ({logged, history}) => { console.log(logged); return ( <div className="App"> <Router ... -
2 votesanswersviews
在Redux中反应路由器路由参数
使用redux和react路由器,我想访问除路由指定的组件之外的组件的路由参数 . 我已经设置了react-router,redux和react-router-redux,如下所示,我想从我的redux商店访问reportId参数 . const history = syncHistoryWithStore(browserHistory, store); const store = create... -
3 votesanswersviews
React Router Redux - 组件永不渲染
我正在尝试使用最新的react-router-redux(v5),但它从不渲染我的组件 . 获得渲染的唯一一个是home(/) . 我的其他路线组件中的断点永远不会被击中 . 我甚至删除了connect(mapStateToProps,mapDispatchToProp)(Component)调用(并且只做了一个非常简单的组件) - 仍然没有渲染 . 浏览器栏中的路线发生变化 . 如果我只是在in... -
0 votesanswersviews
在反应中,当路径路径不同时,但是相同的组件 . 如何防止重新安装?
在反应路由器(v2)中,当存在不同的路径路径时,但是相同的组件 . 我们如何防止重新安装组件,例如,卸载组件,然后再次安装组件 . 它导致调用componentDidMount两次 . 当有一些订阅请求时,我的应用程序将订阅两次 . 因此订阅的事件将被调用两次 . 我该如何解决? -
1 votesanswersviews
热重新加载不适用于react-native-native和redux的react-native应用程序
我从反应本机开始,我对React有一点经验,因为我想使用 redux , react-router 和 react-router-redux ,我过去用过网络React应用程序 . 除了react-router之外,所有这些软件包都可以在react-native中使用,我能找到的最接近的是 react-router-native ,它看起来与浏览器版本非常相似 . 到目前为止,我做了一个快速而又脏... -
4 votesanswersviews
React-router不匹配查询字符串
我的路线定义如下: <Router history={browserHistory}> <Route path="/" component={App}> <Route path="experiments"> <IndexRoute component={Experiments} />... -
1 votesanswersviews
如何在反应redux中单击事件后从reducer / componet重定向到特定路由
这是我的组件登录屏幕,我想检查isAuthenticated是真的在这里使用道具我能够看到我的标志在这里设置为真但我想在登录后重定向如何做到这一点? export class LoginPage extends Component { onLogin = () => { var credentials = { usern... -
1 votesanswersviews
使用React,React-Redux-Router和Passport.js进行身份验证
我使用Express进行后端和本地护照进行用户身份验证 . 状态具有带有“isAuthenticated”字段的用户对象,以检查用户是否经过身份验证 . 在用户单击登录按钮后,我发送登录操作,该操作向处理身份验证逻辑的服务器发送发布请求,并将'isAuthenticated'设置为true . 如果用户已登录,react-redux-router将调度“push”以更改位置 . 然而,这似乎都不起... -
1 votesanswersviews
如何在redux表单中访问redux存储
我是react-redux世界的新手,如果我遗漏了什么,请纠正我: 基本上我试图通过redux store访问主机名并在表单中使用它 . 截至目前我只是在redux表单中使用主机名引用window.location但是我想通过redux store /通过任何其他更好的方法访问主机名,这样我可以保持函数纯净吗?思考? 谢谢 编辑: import React from 'react' import ... -
2 votesanswersviews
一旦以redux形式传递服务器端验证,就会调度一个动作
我有一个redux形式的问题,我的问题是在代码中,一旦我通过我的服务器验证 . 我想发送一个动作,但我无法以我的形式进行客户端和服务器端验证 . LoginForm.js import React from 'react' import { Field, reduxForm } from 'redux-form' import { required, email, maxLength25 } f... -
1 votesanswersviews
React Hot Reload 3
所以我一直在尝试使用React Hot Reload 3 - 来激活我的项目中的热重载,目前我在使用React-Router时遇到错误 [react-router]你无法改变;它会被忽略 那个以及Hot Reload根本不起作用的事实 . 这是我的WebpackConfig: 'use strict'; var path = require('path'); var webpack = req... -
0 votesanswersviews
路由器与react-router(-redux)不匹配
我使用react,redux,react-router和react-redux-router绑定创建了一个单页应用程序 . 路由 http://localhost:3001/register 与路由器根本不匹配,并且 Cannot GET /register 返回到浏览器,因为服务器显然不会对react-redux堆栈相对较新,并且可能缺少非常基本的东西 . 编辑:IndexRoute正在运行,并... -
1 votesanswersviews
重定向后React-router-redux setState警告
我正在使用react,redux,react-router和react-router-redux为项目构建管理应用程序 . React-router是 v4.0.0 ,react-router-redux是 v5.0.0-alpha.3 (与 npm install react-router-redux@next 一起安装) . 我正在尝试的是: 加载应用, 对后端执行异步调用以查看用户... -
1 votesanswersviews
每次调用mapStateToProps时,withRouter都会创建一个匹配的新对象
不确定其他人是否在遇到此问题之前: 我正在使用:“react-redux”:“5.0.7”,“react-router”:“4.2.0”,“react-router-dom”:“4.2.2” 所以我有一个这样的组件, shouldComponentUpdate = (nextProps) => { // shallow compare each prop and see which ... -
2 votesanswersviews
使用react-router,react-router-redux syncHistoryWithStore崩溃/传递状态
基本上问题是我无法使用react-redux和react-router传递状态 . 在我的组件中,我有一个这样的代码: export default connect( (state, ownProps) => ({ reduxState: state, ownProps }), dispatch => ({ onS... -
3 votesanswersviews
访问传统中的store.dispatch以与react router redux一起使用
我正在重构一个react redux saga react-router 3应用程序,以便使用新的react-router 4由于破坏性的变化 . 在我使用browserHistory根据saga的结果指向适当的路径之前 . 由于react-router 4的变化,我不能再使用browserHistory了 . 现在我已经将react-router-redux整合到了什么是browserHisto... -
1 votesanswersviews
反应路由器redux不会在道具更改时呈现
我正在努力使用反应路由器redux,一切都很好,除了渲染道具改变 . Index.js import React from 'react'; import ReactDOM from 'react-dom'; import {Provider} from 'react-redux'; import {createStore, combineReducers, applyMiddleware} fr... -
0 votesanswersviews
动态 React-Router 路线
我想基于一些部分状态使用不同的路由,所以我想出了以下内容: 在我的输入文件中: import routes from './routes.js' ReactDOM.render( <IntlProvider locale={locale} messages={messages[locale]}> <Provider store={store} key='provid... -
8 votesanswersviews
React Redux 路由器 - 我应该为所有 pages/components 使用一个 state/store 吗?
我正在使用 React Redux,在阅读了react-router-redux和redux-router之后,在阅读了丹阿布拉莫夫的回答之后,我决定使用“vanilla”react-router(此时我并不关心时间旅行等)。 剩下的唯一未决问题是如何处理不同路线的状态。每个路径 sub-tree 在我的应用程序中可以是一个不同且独立的部分(特别是当它变大时)。拥有一家商店来处理所有路线/页面仍然... -
0 votesanswersviews
在转换时反应路由器回调
我有一个使用 React Router 和 Redux 的项目。当通过发送将新位置推送到历史记录时,如果我可以包含这样的回调,我会很高兴: dispatch(push(page, callback)); 我在 SO 上发现了另一个询问一样的问题,但我对提供的答案不满意(在路线中使用onEnter())。 有办法做到这一点,还是一个合理的替代方案? -
0 votesanswersviews
使用 React 路由器 4 以编程方式传递路由更改数据
要求是将某些数据传递给将在路由更改时呈现的组件(以编程方式)。当前我使用来自'react-router-redux'的推送而不传递任何数据。 所以我正在导航到/Animal 并传递特定动物细节数据我希望 URl 显示http://localhost/Animal 我正在使用 React 路由器 4。 import {push} from 'react-router-redux'; export ... -
4 votesanswersviews
如何将操作传递给redux中的组件
我想在我的组件中触发一个动作 . 这是一个演示组件,不需要知道redux . 路由器实现使用react-router-redux完成 . main.js: let store = createStore(rootReducer) const history = syncHistoryWithStore(hashHistory, store) class RenderClass extends ... -
23 votesanswersviews
如何在加载路由时从无状态组件调度Redux操作?
Goal :加载react-router路由时,调度Redux操作,请求asynchronic Saga worker获取该路由的基础无状态组件的数据 . Problem :无状态组件仅仅是函数,并且从函数内部调度Redux动作 . 我的问题部分与Converting stateful React component to stateless functional component: How t...