问题标签 [mapstatetoprops]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何使用功能组件从 Redux 存储中检索数据并避免 useSelector 和 useDispatch
我正在 React-Redux 中尝试 Todo App;运行 store、actions、reducer 和 Addodo 组件;但被困在显示待办事项上:
如果我的 initialState=[] 我如何从存储中检索数据?
店铺:
我的减速机:
应用程序.js:
主页.js:
这是 AddTodo:
现在,我想在 Todos 组件上展示,每个 Todos “标题”,仍然不知道如何执行它:
reactjs - 从 App.js 中的商店访问数据。- Redux 坚持
我被这个问题困住了。任何帮助,将不胜感激。
我在我的反应原生应用程序中使用 Redux Persist,我想从 App.js 中的 store.js 访问存储在状态“数字”中的数据。
我在下面粘贴了我的代码。
这是我的actions.js
减速器.js
store.js
应用程序.js
我想访问“数字”中的数据,以便我的“如果条件”可以在 App.js 中工作现在它说找不到变量“数字”,这是可以理解的。有什么方法可以访问“数字”中的数据以使条件正常工作。提前致谢。
css - 为什么可重复使用的道具不起作用并显示未定义
我不得不使用布尔挂钩表达式,即 isMainPage。逻辑是 if isMainPage
is true
then className
is mainPageActive
if not then it should be mainPage
,但主要问题是我放在主要组件中的道具显示我未定义。如果我做错了,请告诉我。
这是主要组件
react-redux - mapDispatchToProps 不更新商店
我正在使用 redux 进行个人项目。在我看来,我的 mapStateToProps 函数写得很好。但是当我尝试使用它将对象发送到我的商店时,没有任何效果。
这是我的功能:
还有我的减速机:
我的整个组件按要求:
有人可以告诉我我错过了什么吗?
谢谢你的帮助 !
javascript - 如果我可以在组件中使用整个商店,为什么需要 mapStateToProps?
从定义
mapStateToProps
用于从存储中选择连接组件需要的部分数据。
我不明白为什么我们甚至必须指定mapStateToProps
我是否可以在我的组件中使用整个商店数据,究竟mapStateToProps
提供了什么?如果我选择部分数据会发生什么?
有什么优势吗?
react-redux - Redux 连接的 React 组件在调用 GET api 请求之前不会更新
我的 react 应用程序使用 redux 连接组件从后端为项目页面呈现数据,因此我在 React Hook useEffect 中调用了 GET 调度,以确保在项目页面首次打开时始终呈现数据,并且只要有更改state project
,组件将使用 connect redux 函数进行相应更新。但是,在我使用 DELETE API 请求减少新状态后,组件不会更新,只有当我发送另一个 GET 请求时,才会更新状态。所以我必须调用 2 个调度,一个用于 DELETE,一个用于 GET 以同步更新页面(正如您在handleDeleteUpdate
函数中看到的那样),当我调度 POST 请求以添加更新时,同样的事情发生了(在handleProjectUpdate
)。只有当我重新加载页面时,新更改的数据才会显示,否则不会同步发生,有人知道我的代码中的状态更新有什么问题吗?以及如何解决此问题,以便仅通过一个请求即可更快地加载页面?
我已经更改了减速器以确保状态没有发生突变并且正确更新。我也尝试在 handleDeleteUpdate 中使用异步函数来确保动作调度完成
我努力了
console.log(props.project.data.updates)
调用 props.deleteUpdate 后打印出更新列表,但updates
状态中的列表似乎从未更改,但是当我重新加载页面时,updates
会显示新列表
这是我为主要连接的 redux 组件、操作和组件的 reducers 文件的代码
行动
减速器
项目组件中的 updateCard 显示所有更新的列表
reactjs - 如何将 URL 参数传递给选择器
我从 .receive 收到一个 url 参数useParams
。我想将它传递给使用mapStateToProps
.
集合.component.jsx
shop.selectors.js
我想问题是,我不能使用 match 传递参数,因为 react-router-dom v6 没有在 props 中传递它。还有其他方法可以传递collectionId
给选择器selectShopCollection
吗?
reactjs - React Redux mapstatetoprops 未定义
我正在使用 react、redux 和 firestore 我正在尝试将用户传递给一个组件,然后使用 uid 从 firestore 中提取一些数据。但出于未知(对我而言)的原因,我一开始总是不确定,但在第二次渲染时,我得到了正确的数据。
应用程序.js:
用户操作
用户选择器:
页:
输出是:
用户数据库开始:未定义
先感谢您!
react-native - 调用 connect 作为函数时出现 React-Native Redux 错误:TypeError: (0, _function.default) is not a function... is an instance of an object
我正在尝试在 react-native 应用程序中使用 redux-connect。我已经在应用程序的其他部分连接工作,但我正在尝试找出一个问题。
当我导入包含连接的函数 (NewConnect.js) 并调用它时,我收到以下错误:
进程相册.js
新连接.js