我是redux和react的新手，我正在尝试更新REDUX存储中的嵌套状态，但无法对其进行排序
Redux是一个用于JavaScript应用程序的可预测状态容器。它可以帮助管理应用程序的状态，并使状态的变化变得可追踪和可调试。React是一个用于构建用户界面的JavaScript库，它与Redux结合使用可以更好地管理应用程序的状态。
当你想要更新Redux存储中的嵌套状态并对其进行排序时，你可以按照以下步骤进行操作：
- 在Redux存储中定义一个嵌套状态：首先，在Redux存储中定义一个包含嵌套状态的对象。例如，你可以创建一个名为
nestedState的状态对象，其中包含一个名为data的数组，用于存储需要排序的数据。 - 创建一个Redux动作（Action）：为了更新和排序嵌套状态，你需要创建一个Redux动作。动作是一个描述状态变化的纯JavaScript对象。你可以创建一个名为
SORT_DATA的动作，其中包含一个payload属性，用于传递排序后的数据。 - 创建一个Redux reducer：Reducer是一个纯函数，它接收先前的状态和一个动作作为参数，并返回一个新的状态。你需要创建一个Redux reducer来处理
SORT_DATA动作，并更新嵌套状态中的数据。 - 创建一个Redux reducer：Reducer是一个纯函数，它接收先前的状态和一个动作作为参数，并返回一个新的状态。你需要创建一个Redux reducer来处理
SORT_DATA动作，并更新嵌套状态中的数据。 - 创建一个Redux store：Redux store是一个包含应用程序状态的对象。你需要创建一个Redux store，并将之前创建的reducer传递给它。
- 创建一个Redux store：Redux store是一个包含应用程序状态的对象。你需要创建一个Redux store，并将之前创建的reducer传递给它。
- 在React组件中使用Redux store：在你的React组件中，你可以使用
react-redux库提供的connect函数来连接Redux store，并将嵌套状态作为组件的属性。 - 在React组件中使用Redux store：在你的React组件中，你可以使用
react-redux库提供的connect函数来连接Redux store，并将嵌套状态作为组件的属性。 - 在上面的代码中，
mapStateToProps函数将嵌套状态映射到组件的属性，mapDispatchToProps函数将sortData动作映射到组件的属性，以便在组件中调用sortData函数来更新嵌套状态。 - 在组件中调用排序函数：在你的组件中，你可以调用
sortData函数来触发SORT_DATA动作，并传递排序后的数据作为参数。 - 在组件中调用排序函数：在你的组件中，你可以调用
sortData函数来触发SORT_DATA动作，并传递排序后的数据作为参数。
通过以上步骤，你可以在Redux存储中更新嵌套状态并对其进行排序。请注意，以上代码只是一个示例，你需要根据你的实际需求进行适当的修改。
推荐的腾讯云相关产品：在云计算领域，腾讯云提供了一系列与存储和数据处理相关的产品，例如：
- 对象存储（COS）：腾讯云对象存储（Cloud Object Storage，COS）是一种存储海量文件的分布式存储服务，适用于图片、音视频、备份、容灾等各种场景。
- 云数据库 MySQL：腾讯云数据库 MySQL（TencentDB for MySQL）是一种高度可扩展的关系型数据库服务，提供稳定可靠的云端数据库解决方案。
- 云数据库 MongoDB：腾讯云数据库 MongoDB（TencentDB for MongoDB）是一种高性能、可扩展的文档型数据库服务，适用于大数据存储和实时分析等场景。
以上是一些腾讯云的存储和数据库产品，你可以根据具体需求选择适合的产品。
相关·内容
2回答
Redux。将状态值传递给reducer
javascript、reactjs、redux、react-redux
我正在尝试在我的应用程序中实现Redux。所以，我创建了action，reducer，store等。现在，我必须将state传递给reducer并更改此参数的值(布尔值)。我不知道我做错了什么。单击按钮后触发reducer中的alert，但dialog不关闭。你知道怎么改变open的值吗？
动作
export const checkPassword = () => ({
type: "CHECK_PASSWORD"
});
组件
const mapDispatchToProps = dispatch => {
return {
c
浏览 0提问于2018-01-30得票数 2
回答已采纳
4回答
残存道具不起作用
javascript、reactjs、redux
嗨，我最近在尝试Redux。我想建一个练习台。它由两个按钮(正负)和一个显示当前数字的计数器组成。
动作创建者和减速器连接到相应的组件。商店还连接到提供程序。然而，我不知道为什么，但最初的数字(状态作为道具传递给计数器组件)没有显示？
Javascript：
/*--Reducers--*/
const reducer_num = (state=0,action)=>{
switch(action.type){
case "PLUS":
case "MINUS":
return state + action.payload
浏览 6提问于2017-07-18得票数 1
回答已采纳
4回答
Redux应用程序中另一个组件中连接函数值的访问问题
javascript、reactjs、redux、react-redux
我已经在我的React应用程序中设置了Redux，但是当我使用this.props在一个单独的文件中访问另一个组件中的数据时，没有传递任何数据。我的操作正在执行，它传递我想要的数据。这是我的actions.js
export const ADD_CART = 'ADD_CART';
export function addCart(item){
return {
type: ADD_CART,
payload: item
}
};
我的reducer.js是：
import {ADD_CART} from './actio
浏览 6提问于2017-05-29得票数 2
回答已采纳
1回答
React Redux连接组件在状态更改后不会更新
javascript、reactjs、redux、react-redux
我在试着使用React Redux。有一种情况是，一个连接组件(Coordinates.jsx)嵌套在另一个连接组件(Canvas.jsx)中。
源代码 (纱线安装，然后纱线开始)
在父组件Canvas.jsx中，我在中分派了一个动作，该动作可以永久地改变状态。
Canvas.jsx
componentDidMount() { this.props.addCanvasSize(windowWidth, windowHeight)
}
问题是，在更改状态后，子组件Coordinates.jsx没有更新，console.log显示未定义的。
Coordinates.jsx
compone
浏览 1提问于2017-05-24得票数 1
回答已采纳
2回答
如何判断redux的更改状态的另一个组件？
reactjs、redux、react-redux
我有两个组件reactjs，我创建了一个状态redux来处理这两个组件的状态。
`appcomponent.js
import React, { Component } from 'react';
import { createStore } from 'redux';
import { connect } from 'react-redux';
//reducer
export function get_user(state=[], action) {
switch (action.type) {
case &
浏览 0提问于2017-11-14得票数 0
2回答
使用redux处理‘`onClick`’事件
reactjs、redux、react-redux
我刚开始使用redux，所以我只是尝试将redux应用到一个非常简单的应用程序中。只要点击按钮，它就会切换单词。但是，除了这个动作之外，我应该如何分派我的handleClick函数呢？现在，当我单击按钮时，什么都不会发生。
App.js
import React, { Component } from "react";
import { connect } from 'react-redux';
import MyButton from "./MyButton";
import { handleClick } from "./acti
浏览 4提问于2019-10-12得票数 1
回答已采纳
1回答
将参数传递给更新存储在react-redux中的方法
reactjs、redux、react-redux、redux-thunk
我希望用户能够输入文本到输入框，并在此基础上想要搜索的api。我使用的是redux和redux-thunk。我不确定应该如何将作为参数输入的文本传递给API调用。
如果我没有使用redux和thunk，我会将组件的状态设置为
this.state = {
movie: ''
}
然后在input type=text上，我会用e.target.value更新movie值onChange。在redux中使用react时应该采取什么方法？
我的代码如下所示。
import React, {Component} from 'react';
import {ren
浏览 8提问于2017-01-17得票数 0
2回答
不变冲突:在"Connect(App)“的上下文或属性中都找不到"store”。或者将根组件包装在中，或者显式地将"store“作为道具传递给"Connect(App)”。
我讨厌问一个已经被问了很多次的问题的变体，但我已经尝试了所有提出的解决方案，但都没有成功。
index.js
import React, {Component} from 'react'
import {AppRegistry} from 'react-native'
import {Provider} from 'react-redux'
i
浏览 0提问于2018-09-04得票数 3
2回答
用于全局访问状态的React-redux
reactjs、redux、state
此组件在每次单击时将状态切换为true和false。 const mapStateToProps = state => {
return {
branding:state.brand
}
}
const mapDispatchToProps = {
clickEvent:toggleState
}
class Files extends React.Component {
constructor(props) {
super (props)
this.state = {
bran
浏览 26提问于2020-10-26得票数 1
回答已采纳
1回答
访问redux状态以验证
javascript、reactjs、redux
我有一个验证函数，它位于组件外部的一个独立文件中，我希望能够访问我的redux存储状态，以检查一个值是否有效，但我无法访问这个状态。
我试图通过将存储状态导入到我的validation.js文件'import store from '../../client'中来访问存储状态，但这是行不通的
我如何访问validation.js中的存储状态，或者是否有更好的方法来使用react/redux来处理这样的验证？
client.jsx
import "@babel/polyfill";
import React from 'react';
i
浏览 0提问于2018-12-03得票数 0
1回答
简单React-Redux组件未更新
reactjs、redux
我刚刚开始学习react的redux，我已经有这个简单的问题有一段时间了，我不知道该怎么做。我有一个按钮，它调度一个操作来递增一个值，该操作遍历并更新状态，但组件中不会反映任何更改。我在这里做错了什么？
const ACTION = 'ACTION';
const defaultState = {
value: 5
};
const doAction = ()=>{
return {
type: ACTION
};
};
const reducer = (state = defaultState, action) => {
let upda
浏览 1提问于2018-07-22得票数 1
1回答
在选项卡之间导航时，Redux状态正在变得未定义。
reactjs、react-native、redux、react-redux、react-router
我在我的应用程序中有三个选项卡，我经常从每个选项卡中获取值，并在第三个tab.The应用程序中保存数据，如果导航顺序没有改变，它可以正常工作。(即)表1->表2->表3。
但是当我从表3->表2->表3导航时，来自.The的Tab1值将为null。类似地，当我从Tab3->tab1->Tab3导航时，来自.The的Tab2值将获得null。
Reducer.js
const initialState = {
external: [],
internal: [],
usercode:'',
vehicleImage:'',
ch
浏览 2提问于2019-06-06得票数 1
回答已采纳
1回答
mapDispatchToProps在反应还原中的应用
reactjs、react-native、redux、react-redux
我是新来的。
我的代码：
主屏幕
<Text> {{this.props.mycity}} </Text>
const mapStateToProps = function(state) {
return {
mycity: state.layersFlag.baseDistrictADhabi //consist true/false
}
}
export default connect(mapStateToProps)(HomeScreen);
Sidemenu屏幕: UI
<Switch onValueChange={(fl
浏览 0提问于2019-05-16得票数 2
回答已采纳
3回答
Redux的第一步。如何为mapStateToProps增值？
javascript、reactjs、redux、react-redux
我是Redux的新手。我已经建立了简单的计数器应用程序，我想添加‘隐藏元素’的功能。所以，我必须通过props.show。我到底该怎么做呢？我需要创建新的reducer，或者我可以将这个值添加到mapStateToProps中吗？
App.js
import React from 'react';
import { connect } from 'react-redux'
const App = (props) => {
return(
<div>
<p>{props.count}&
浏览 1提问于2018-01-29得票数 2
回答已采纳
2回答
用redux-thunk中间件获取数据
javascript、reactjs、redux、redux-thunk
我正在学习redux异步操作，我想从API (我的本地数据库)中获取数据，不幸的是，使用redux-thunk中间件数据获取数据是不被获取的，但是没有抓取中间件数据。
下面是使用thunk中间件的动作创建者，，它不工作
// retriev comments
export const fetchComments= () =>{
return dispatch =>{
dispatch(fetchCommentsRequest);
axios.get('/api/v1/todo')
.then(response =>{
c
浏览 5提问于2020-06-22得票数 0
回答已采纳
1回答
未由状态更改触发的redux重呈现
javascript、reactjs、redux、react-redux
我开始学习react和redux，但是我无法理解组件或容器是如何知道状态更改和重新呈现的。我试了一个简单的例子，但无法使它按其应有的方式工作。我想做的是显示一个计数器和一个按钮。每次点击按钮时，计数器都会增加。按一下按钮就会发出一个动作，状态会被改变，但不知怎么的，计数器没有显示在屏幕上。它甚至没有显示带有0计数器的初始状态。我也非常新的前沿发展，所以也许这不是什么原因，但与还原，但与反应。
这是我的index.js
import store from "./store/configureStore"
render(
<Provider store={store}>
浏览 1提问于2020-01-28得票数 1
回答已采纳
1回答
如何使用React Redux存储和导航？
reactjs、react-native、redux、react-redux、react-navigation
我刚接触react-redux和react导航。我正在尝试建立一个简单的应用程序与MainScreen中的TextInput，用户键入他的用户名，当他按下“登录”的用户名将被保存在redux商店和导航将自动导航到"HomeScreen“。 App.js： const initialState = { username: "" };
const reducer = (state = initialState, action) => {
switch (action.type) {
case "STORE_USERNAME":
浏览 14提问于2019-12-28得票数 0
1回答
React Redux容器TestUnit
reactjs、typescript、unit-testing、testing、react-redux
对于Redux，我是新手，我试图为容器创建一个TestUnit，该容器连接到呈现表的对话框。
在集装箱里我有：
是一个mapStateToProps常量，它用表返回对话框的属性。是一个mapDispatchToProps常量，它将一个函数映射到一个动作，一个连接函数，它将上面的两个道具绑定到Dialog.。
集装箱：
import { ApplicationState } from '../ApplicationState';
import { connect } from 'react-redux';
import TabelDialog, { Tabe
浏览 3提问于2020-03-26得票数 0
2回答
redux connect()无法传递道具
javascript、reactjs、ecmascript-6、redux、react-redux
我试着学习redux体系结构，但是我在最基本的东西上失败了。
我创建了类HomePage，并使用()将其连接到存储的状态和调度。
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import {HomeButtonClickAction} from "./HomeActionReducer";
import {connect} from "react-redux";
class HomePage extends Com
浏览 1提问于2018-01-19得票数 3
回答已采纳
1回答
即使在使用Object.assign时，Redux初始状态也会发生变异。
javascript、reactjs、redux
这是我在实际应用程序中遇到的一个问题的简单复制。
基本上，如果你点击'Update‘按钮，文本就会从“干净的房间”变成“获取牛奶”。“干净的房间”是减速机初始状态下的一个值。然后在我的React组件中，我实际上尝试克隆状态，并变异克隆以改变值以“获取牛奶”(第35/36行)。令人惊讶的是，初始状态本身也会发生变异，尽管我试图不改变它(如第13行所示)。
我想知道为什么Object.assign不适用于redux。
这是jsFiddle的代码。
剩馀
const initState = {
task: {id: 1, text: 'Clean Room'}
}
浏览 1提问于2018-11-20得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
