react-redux

首页 > TAG信息列表 > react-redux

javascript-在react-admin中访问redux存储

我的问题与react-admin回购有关. 我想在组件范围之外分派一个动作,为此,I’ve read that我需要获得对实际redux存储本身的访问权,并直接在其中进行分派, 所以我知道Admin组件具有initialState属性,但是它仅接受默认状态对象,而不接受存储.因此,我无法建立商店并将其传递. 我的问题

javascript-使用React-Redux“ connect”时App类出错

尝试从react-redux使用connect()函数时,我收到以下错误： Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of `App`. 这是应用程序： import { Provider } from

javascript-React Redux-通过动作传递道具

我有一个简单的组件,我想根据其道具进行切换.代码如下： actions.js const toggleTodo = (id) => { return { type: 'TODOITEM__TOGGLE_TODO', id } }; export { toggleTodo } component.js import React from 'react'; const TodoItem = (props) => {

javascript-如何使用redux处理组件状态？

我已经使用香草React一段时间了,现在决定对我正在做的新项目的Redux进行仔细研究. 最初,我给人的印象是所有用户活动都应导致动作,主要原因之一是您可以通过回放适当的动作来重构任何应用程序状态. 但是,这样做的问题是,您在商店中放置了很多东西,实际上这些东西感觉不像应用程序状

javascript-使用Redux的React中的初始状态不起作用

在React with Redux中的初始状态有问题.这是我的第一个使用异步调用的应用程序,似乎有些东西我不知道. 我使用Google的电子表格作为“后端”,因此亲戚可以很容易地租出我们的滑雪小屋.它只是几周的电子表格,是否可用. 通过查看控制台,可以获取数据,但是某些操作不起作用. 这是错误

javascript-React / Redux-假设我们有两个单独的待办事项列表,分别是已完成和未完成

我不久前才刚刚学过React / Redux,我在考虑一种可能不太常见的场景. 假设我们有一个简单的对象数组,它们是待办事项,并且屏幕上只有两个框：已完成和未完成.当我们从“未完成”框中单击一个项目时,应立即将其移动并在“已完成”框中进行渲染. 在REDUX中,过滤这些数组项的更好方法是什

javascript-对象无效,作为React子反应错误？

您能否告诉我为什么会出现此错误： Objects are not valid as a React child (found: object with keys {seo_val, text_val}). If you meant to render a collection of children, use an array instead. 我试图按http请求并尝试使下拉菜单. import React from "react"; c

javascript-连接到Redux存储的React组件的递归渲染

是否可以递归渲染连接到Redux存储的React组件？示例(在我的情况下,没有机会进行无限组件渲染循环)： class Container extends Component { render (){ return ( <div> {this.props.data} {this.props.dataKey ? <Container

javascript-react _this2.setState不是函数-可能存在绑定问题

我是个超级新手,我一直在努力找出是什么原因导致Chrome控制台出现此错误 bundle.js：15316未捕获(承诺)TypeError：_this2.setState不是函数我正在尝试使用Facebook进行简单登录到Web应用程序,以了解登录流程. 我已经在/(也是我的首页路线)上设置了登录名.我认为问题不在于路由或其他

javascript-快速创建React上下文菜单

题有没有一种方法可以动态创建React组件(或更具体地说：上下文菜单),即仅当用户请求这样的上下文菜单时？构造单个上下文菜单所需的所有信息已经在触发它的组件上,这意味着无需等待任何异步数据提取. 在其他情况下,这很容易实现,但是我无法确定如何在React Redux应用程序中做到这一点

javascript-React Router Redux链接更改路由,但未更改组件

在我的应用程序中,我正在使用 "react": "^15.4.2", "react-dom": "^15.4.2", "react-redux": "^5.0.3", "react-router-dom": "^4.0.0", "react-router-redux": "^4.0.8", "re

javascript – 我是否总是需要从redux中间件返回一个值？

在redux docs中给出的示例中,似乎总是从中间件返回一些东西.但是,当我打电话给下一个(动作)并且没有返回任何东西似乎一切正常. 在redux source中,似乎是调用每个中间件的返回值. 这让我相信它提供了一种在所有中间件运行后运行调度的可选方法. 有人可以确认我们是否必须始终从中间

javascript – 为什么不应该使用componentWillMount？

解雇服务器调用在componentWillMount生命周期方法中获取数据是一种不好的做法？为什么使用componentDidMount更好.解决方法:引用@Dan Abramov In future versions of React we expect that componentWillMount will fire more than once in some cases, so you should use compone

javascript – redux,react-redux,redux-thunk之间有什么区别？

我正在使用React Flux.我们的团队正计划从通量转向redux. Redux对于我来自flux world来说非常困惑.在磁通控制流程中,组件简单 – >行动 – >存储和存储更新组件.它简单而且非常清晰. 但在redux中它令人困惑.这里没有商店,是的,有些例子没有使用商店.我经历了几个教程,似乎每个人都

javascript – “无状态函数组件不能给refs”是什么意思？

我有这个： const ProjectsSummaryLayout = ({projects}) => { return ( <div className="projects-summary col-md-10"> <h3>Projects</h3> <ul> { projects.map(p => <li key={p.id}>

javascript – 为什么我在初始化期间得到“Reducer […]返回未定义”,尽管提供了initialState到createStore()？

我在redux createStore方法中设置了InitialState,并将InitialState作为第二个参数我在浏览器中出错： <code>Uncaught Error: Reducer "postsBySubreddit" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly retur

javascript – 如何在Redux中处理关系数据？

我正在创建的应用程序有很多实体和关系(数据库是关系).为了得到一个想法,有25个实体,它们之间有任何类型的关系(一对多,多对多). 该应用程序是基于React Redux的.为了从商店获取数据,我们使用的是Reselect库. 我面临的问题是当我试图从商店获得一个与其关系的实体时. 为了更好地解

javascript – 无法在“Connect(App)”的上下文或道具中找到“store”

将多个文件的内容合并为一个以作为Redux的配置后,我遇到了错误配置的Redux的问题. 如何解决存储,同时将其保存在一个文件中？ Unhandled JS Exception: Could not find “store” in either the context or props of “Connect(App)”. Either wrap the root component in a ,

搜索引擎索引如何为REACT等JavaScript Web应用程序工作？

我打算为我的应用程序实现react.js.由于我是新手,我有一个疑问,谷歌将如何索引反应组件？在谷歌搜索中使应用程序正确可见所需的最佳实践是什么. 任何人有任何想法请帮助我.解决方法:所以我可以肯定地说,我已经通过API调用获得了一个反应SPA,以便在googlebot(Fetch和Render)中完美呈

javascript – 什么是{this.props.children}以及何时应该使用它？

作为React世界的初学者,我想深入理解当我使用{this.props.children}时会发生什么,以及使用相同的情况.它在下面的代码片段中的相关性是什么？ render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName}

javascript – 根据Redux状态更改组件的布局

我正在开发一个课程安排应用程序,我正在用它作为学习redux的机会.我正在设计一个浏览菜单(实现为浏览组件),它会在加载时显示大学中的学校列表.当用户点击其中一所学校时,它会显示该学校内的科目列表.但是,我希望学校显示为网格(两列),我希望主题显示为列表(一列).它们也可能需要将

javascript – React Context vs React Redux,我应该何时使用每一个？

React 16.3.0 was released和Context API不再是实验性功能. Dan Abramov(Redux的创建者)就此发表了一篇很好的评论here,但是当Context仍然是一个实验性功能时,它是2年. 我的问题是,在您的观点/经验中何时应该使用React Context而不是React Redux,反之亦然？解决方法:由于Context不再

javascript – 我不能在Redux reducer中使用state.filter

所以我使用的是React-Redux,在我的reducer中我想从我的状态中删除一个主机名.所以从环顾四周我发现state.filter是实现这一目标的好方法.但是,这不起作用,我在控制台中不断收到错误. index.js import "babel-polyfill"; import React from 'react'; import ReactDOM from 'react-d

javascript – React Redux Fetch操作返回“415(不支持的媒体类型)”和“401(未授权)”

我有一个动作,创建一个提取POST客户端回API. 我在“标题”中发送了一个JWT,它本身不是问题,因为它也在GET中使用,工作得很好……但不是在POST中.这是我的行动： export const createNewClient = (payload) => (dispatch, getState) => { dispatch({ type: REQUEST_CREATE_NEW_

javascript – React-redux connect()无法传递道具

我正在尝试学习react-redux架构,但我最基本的东西都失败了. 我创建了类HomePage并使用react-redux connect()将它连接到存储的状态和调度. import React, { Component } from 'react'; import PropTypes from 'prop-types'; import {HomeButtonClickAction} from "./HomeActionRed