redux相关内容
我在尝试为我的 React 组件键入参数时遇到错误.我想在组件的 props 和 state 上输入哪些属性,但是当我使用 Redux 这样做时,当我将 mapStateToProps 传递给 connect 函数时出现错误. 这是组件代码: import React, { Component } from 'react';从 'react-dom' 导入 ReactDOM;从“redux
..
我理解 React Lifting-state-up "https://reactjs.org/docs/lifting-state-up.html".通过这种方法,开发人员需要将父级中的状态函数作为道具传递给子级.之后我做了几个关于 redux 的会议.但是,我无法通过简单的比较来理解提升状态与 Redux、通量状态管理的主要区别. 这是否意味着在大型 Web 应用程序中不应使用“提升状态
..
我有一个反应组件,它每秒从 redux 商店接收道具.新状态的数组与上一个数组不同.具体来说,每秒都会有一个元素添加到数组中.例如:在一种状态下,数组是: [1, 2, 3, 4, 5, 6] 下一个状态 [1, 2, 3, 4, 5, 6, 7] 我的减速机: return {...状态,myList: [有效载荷, ...state.myList.filter(ite
..
示例代码:https://github.com/d6u/example-redux-update-nested-props/blob/master/one-connect/index.js 查看现场演示:http://d6u.github.io/example-redux-update-nested-props/one-connect.html 如何优化嵌套组件 props 的小更新?
..
我正在使用 redux-form 6.0.0-rc.5 并且我正在尝试显示用户输入的表单值. 但是,我希望从另一个组件而不是 redux 表单本身显示这些值. 所以,我简化的应用架构应该是这样的: ->(主要组件 - 容器?-)->(连接到表单值并将它们传递下去)->(显示表格值)->(输入表单值) 该组件是一个安装到“form"的 redux-f
..
不知道为什么会出现以下错误. 我只是在设置我的 store、actions 和 reducer,我还没有调用 dispatch. 预期 应用运行良好,Redux 状态未更新 结果 源代码/索引.js 从 'react' 导入 React从'react-dom' 导入 ReactDOMimport { createStore, applyMiddleware, com
..
我正在尝试在我的减速器中使用传播属性,但它返回一个无效的语法错误.我的构建支持使用扩展运算符,因为我只在减速器中出现错误. auth_types.js export const AUTH_USER = 'AUTH_USER'导出 const UNAUTH_USER = 'UNAUTH_USER' auth_actions.js import { AUTH_USER, UNAUTH_US
..
这是我的书单容器 import React, {Component} from 'react';从'react-redux'导入{连接};类 BookList 扩展组件{渲染列表(){返回 this.props.books.map((book)=>{返回({book.title}
);});}使成为(){返回(
{this.renderLi
..
我正在学习参加这个测试课程通过设置一个 store factory 测试助手来测试连接的组件,该助手“创建一个与我们商店配置相匹配的测试商店".在下面,您可以看到我连接的示例组件以及用于设置测试的代码,其中我为我的示例组件创建了一个连接的浅酶包装器.但是,似乎我传递给示例组件的初始状态,在这种情况下 {joto: 'foo'} 在创建这个浅层包装器时没有传递给我的示例组件.我做错了什么,在运行酶测
..
我正在尝试将所有组件更改为 es6 我做了两个,但不知道如何做第三个. 你能告诉我如何改变它吗? 在下面提供我的代码. 导出默认类 FirstTimeTab 扩展 React.Component{getInitialState(){返回 {“窗格":[
..
我正在尝试在我的步进器中添加 redux 表单. 但问题是如果我在所有三个地方的反射中添加表单字段. 所以我开始调试步进器代码. 发现他们在 map 方法中进行迭代. 所以我想在为标签设置 if 条件的基础上,我将显示 div 和 form 标签. 但它不起作用. 你能告诉我如何修复它吗. 以便将来我自己修复它. 在下面提供我的代码片段和沙箱 https://codesand
..
我是 react redux 的新手.我正在尝试为组件搜索功能编写单元测试用例, 构造函数(道具){超级(道具);this.state = {搜索 : ''}}onInputChnage = (e) =>{this.setState({ 搜索: e.target.value });}使成为() {const { 工作:{ 内容 } } = this.props;const { 搜索 } = th
..
从下面的 Redux 操作代码中收到一条错误消息,指出 解析错误:不能在异步函数外使用关键字“await". 正确的写法是什么? 导出异步函数 getData() {返回(调度)=>{尝试 {const data = await API.graphql(graphqlOperation(query))dispatch({ type: "DATA_AVAILABLE", data: data
..
我正在使用带有 react/redux 的 asp.net 核心,并且我正在尝试将 react/redux 中的配置数据移动到 appsettings.json 文件中.但是一旦配置数据被移动;ClientApp 如何访问配置数据? 我将 Reactjs 与 Redux starter 一起用于 ASP.NET Core. 更新 如果这不是推荐的应用配置存储方式,请告诉我是什么.
..
我正在使用 React 和 Redux 创建一个简单的登录表单.我的 app.js 是: 从'react'导入React;从'react-dom'导入{渲染};从'react-toolbox/lib/input'导入输入;从'react-toolbox/lib/button' 导入 {Button, IconButton};从 'prop-types' 导入 PropTypes;import *
..
在这里反应新手,但精通 Django.我有一个简单的 fetch 函数,它运行良好,但是我的项目没有涉及登录身份验证.现在我已经配置了登录系统,我的后端拒绝使用任何访问令牌来处理请求.我的登录身份验证对我来说很陌生,或多或少是从某个地方复制过来的.我试图理解它,但无法理解.我只需要知道如何将我的简单提取函数转换为在请求的标头中包含 getAccessToken,以便我的后端处理该请求. 这是
..
我在尝试在 redux-form 中渲染一个简单的 material-ui-next 复选框时遇到了一些麻烦.我正在关注 official example 并尝试使其适应material-ui-next 等效,因为示例使用的是旧版本的 material-ui.这是我最终使用的代码: const renderCheckbox = ({ input, label }) =>(
..
我创建了一个组件,可让您在单击按钮时添加/删除其他下拉列表.我使用 Redux 来保持添加字段的状态和选中的值. 它工作正常,但如果我在页面上添加组件两次(使用相同的操作和减速器),两个下拉菜单将同时更新. 我怎样才能让它们独立工作? index.jsx 从 'react' 导入 React从'react-redux'导入{连接}从 './form/drop-down-fiel
..
我在同一个组件上有搜索过滤器和排序输入.我正在使用 reselect(selector package) 其中数据数组被过滤和排序.mapStateToProps 正在更新每个搜索过滤器结果上的组件.但 mapStateToProps 不会在对数组进行排序后更新组件. 选择器/index.js import { createSelector } from 'reselect'const g
..
我正在学习 React 教程,讲师在 Chrome 上安装了一个扩展程序,Redux Devtools.就我而言,我想知道为什么我的扩展程序似乎不活动(灰色).在我的 chrome 扩展设置中,它是 开,网站访问设置为在所有网站,允许访问文件 URL已开启,但当我查看 Redux 选项卡时,它显示: 未找到商店.请务必按照说明进行操作. 在 .js 文件中,有如下声明: const
..