无法使用react-redux设置属性
可能是由于以下几个原因导致的：
- 未正确安装和配置react-redux库：确保已经正确安装了react-redux库，并在应用程序中进行了正确的配置。可以通过运行
npm install react-redux来安装该库，并在应用程序的入口文件中导入和配置Provider组件。 - 未正确连接组件和Redux store：在使用react-redux设置属性之前，需要确保组件已经与Redux store进行了正确的连接。可以使用connect函数将组件连接到store，并将需要的state和action传递给组件。
- 未正确定义和使用Redux的reducer和action：确保已经正确定义了Redux的reducer和action，并在组件中使用了正确的action来设置属性。可以通过创建reducer来处理对应的action，并在组件中使用dispatch函数来触发相应的action。
- 未正确使用connect函数的mapStateToProps和mapDispatchToProps参数：在使用connect函数连接组件和store时，需要正确使用mapStateToProps和mapDispatchToProps参数来映射state和action到组件的props。确保已经正确定义了这两个参数，并将它们传递给connect函数。
总结起来，要解决无法使用react-redux设置属性的问题，需要确保正确安装和配置了react-redux库，正确连接组件和Redux store，正确定义和使用Redux的reducer和action，以及正确使用connect函数的mapStateToProps和mapDispatchToProps参数。如果仍然无法解决问题，可以进一步检查代码和调试，或者参考react-redux的官方文档和示例代码进行排查。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
不知道我到底做错了什么？？
在一个简单的react-redux web应用中，我无法设置新的日期。
onChange是否应将选择设置为“purchase_date”的新状态？？
这是我的代码。
import React, { Component } from 'react';
import { connect } from 'react-redux';
import DatePicker from 'react-datepicker';
import moment from 'moment';
import 're
浏览 0提问于2018-05-12得票数 0
处理React，Redux和Redux-Redux。
订阅正确的存储，但一旦我尝试钻入对象，我就会得到一个‘无法读取属性'x’的未定义。对象中的任何属性都是禁止使用的，因为某些原因使我无法理解。
见守则：
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router';
class NavList extends Component {
render() {
浏览 2提问于2017-06-27得票数 0
回答已采纳
2回答
在我的react: 16.8.3 => 16.8.3 - react-native: ^0.59.5 => 0.59.10中
我更新了react-redux，以便使用从5.xx版本到7.1.3版本的钩子，并且在更新之后，我得到了一个带有螺旋桨类型依赖项的错误。
绑定失败:错误:无法从'/node_modules/react-redux/lib/components/Provider.js'：解析模块‘./utils/PropTypes’模块‘./utils/PropTypes’./utils/PropTypes‘无法从'/node_modules/react
浏览 3提问于2019-12-05得票数 1
我有两个组件，它们都使用connect。
import {connect} from "react-redux";
import ComponentB from "./ComponentB";
class ComponentA extends Component {
render(){
return {
<div>
<button
onClick={this.refs.ComponentB.showAlert()}
>
Button
<
浏览 0提问于2018-09-27得票数 1
回答已采纳
这是一个Bala，React-Redux平台的新成员。目前，我一直在使用React-redux开发Todo应用程序。但不幸的是，我无法从一个问题入手。这就是我要用一个值把在一个状态组件中生成的值转换成另一个状态组件。有可能吗？或者我可以从redux-store中导入值？
浏览 1提问于2020-03-09得票数 1
3回答
从右到左添加组件
、、、、
我需要显示的框列表最大化，最小化和关闭按钮到右下角的屏幕。卡片应从右下角向左显示。我的问题是牌是从左下角加到右下的。例如，在随后点击按钮1，按钮2，按钮3，卡片应该在card3，card2，card1从底部，因为按钮是首先点击。现在情况正好相反。
此外，我无法实现最大化和最小化功能。取消操作正常。
App.tsx
import React from "react";
import { useSelector } from "react-redux";
import Header from "./src/components/Header";
i
浏览 4提问于2022-07-23得票数 0
回答已采纳
2回答
我正在尝试通过动作创建器向reducer提交表单数据，但它无法工作的anyway.The页面正在重新加载。我无法抗拒。
下面是我的代码
import React, { Component } from 'react';
import { connect } from 'react-redux'
import {addName} from '../Actions/actionCreators'
class about extends Component {
constructor(props){
super(props)
浏览 5提问于2019-08-02得票数 0
如果react-redux依赖于redux，没有它就无法运行，为什么redux不是react-redux库的一部分？
这仅仅是因为有人可能想卸载react-redux，但仍然想在react项目中使用redux吗？
还是有其他的逻辑？
浏览 0提问于2020-06-05得票数 1
我在第二次测试时出错。他们有什么问题？我做了所有的文档，但有错误：“无法读取属性'prop‘的未定义”。我试着使用Provider，但它对我没有帮助，也许我做错了什么？ 我能以某种方式调试它吗？ BoardContainer.test.js import React from 'react'
import configureStore from 'redux-mock-store'
import ConnectedBoard,{Board} from './BoardContainer'
import { shallow, conf
浏览 14提问于2019-01-21得票数 0
回答已采纳
嗨，我正在尝试构建一个todo应用程序，并试图在todo列表中添加todo，但是我得到了以下错误：
TypeError:无法读取未定义的属性“映射”
以下是错误代码：
4 | function TodoList() {
5 | const list = useSelector((state) => state.todoList.text);
6 | return (
> 7 | <div>
8 | {list.map((todo)=>{
9 | <li>todo</li&
浏览 3提问于2021-09-05得票数 0
回答已采纳
1回答
我有一个在React Native中使用React-redux和Redux-persist的项目： 这些是我主要使用的依赖项："expo"："^32.0.0"，"react"："16.5.0"，"redux"："^4.0.1"，"react-redux"："^5.1.1"，"redux-persist"："^5.10.0“ 我想让redux首先存储数据，然后将屏幕导航到另一个导航器。所以我试着使用异步函数，结果发现它不起作用。但如果我不使用异
浏览 11提问于2019-02-01得票数 0
1回答
我要测试连接的反应元件。我正在使用Jest，React测试库和redux-模拟商店。当我试图获得一些元素时，我会得到一个错误：
TestingLibraryElementError:无法找到文本: Test的元素。这可能是因为文本被多个元素分解。在这种情况下，您可以为文本匹配器提供一个函数，以使匹配器更加灵活。
package.json
"redux-mock-store": "^1.5.4",
"typescript": "^3.9.7",
"@testing-library/jest-dom": "^5
浏览 4提问于2020-10-08得票数 1
回答已采纳
我想尝试小的redux示例，所以我安装了redux，但是我得到了这个错误。
TypeError:无法读取未定义的属性“getState”
新提供商webpack-internal:///./node_modules/react-redux/es/components/Provider.js:24:25
代码：
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import './
浏览 2提问于2019-02-24得票数 9
回答已采纳
1回答
如何访问根组件的道具？ import React from 'react';
import { render } from 'react-dom';
import { createStore } from 'redux';
import { Provider } from 'react-redux';
import cartReducer from './store/cartReducer'
import AddToCart from './cart/addToCart.jsx'
const
浏览 18提问于2019-03-22得票数 0
回答已采纳
我正在开发第一个React-Redux应用程序。我有以下容器：
import { connect } from 'react-redux'
import Visualization from '../components/visualization'
// http://redux.js.org/docs/basics/UsageWithReact.html#implementing-container-components
const mapStateToProps = (state) => state; // identity transform,
浏览 0提问于2017-04-24得票数 1
我考虑对连接的React-Redux组件使用更严格的类型。 const ConnectedSelectionFilter = connect(mapsStateToProps, mapDispatchToProps)(SelectionFilter) React-Redux中的泛型类型ConnectedComponentClass需要2个类型参数 ConnectedComponentClass<C, P> = ComponentClass<JSX.LibraryManagedAttributes<C, P>, any> & {
Wrappe
浏览 23提问于2019-02-07得票数 2
2回答
如何为此编写回调函数。我试过不同的方法，但似乎什么都没用.我正在获取无法读取未定义的属性“props”
handleMoveToCart=(item)=>{
this.moveCart(item, function(){
this.props.removeFromSaveLater(item.id); //react-redux mapsDispatchToProps function
});
}
moveCart=(item,callback)=>{
this.props.moveToCart(item)
浏览 5提问于2021-02-10得票数 0
回答已采纳
我有一个功能强大的计数器应用程序，我正在用react-redux开发。我可以看到，每次我使用Increment/Decrement函数分派一个操作时，状态都会更新，但是，我无法实际输出状态的值。 这是我第一次尝试使用模块构建redux应用程序(而不是使用redux cdn构建html文件)。请帮我找出我做错了什么。 谢谢。 //App.js
import { Increment, Decrement } from './redux'
class App extends Component {
render() {
return (
<div
浏览 15提问于2019-01-16得票数 0
1回答
React-redux数据来得太晚了，我需要组件did挂载方法中的props.user class GroupsPage extends React.Component {
constructor(props){
super(props);
this.state = {
groups: [],
}
}
async fetchGroups (){
fetchGroupsFirebase().then((res) => {this.setState({groups:res})})
};
async componentDid
浏览 9提问于2021-07-27得票数 0
3回答
我正在尝试将我的Redux存储与我的React项目连接起来，但我一直收到以下错误：
找不到../node_modules/react-redux/es/components/Provider.js模块:无法解决'C:\Users.\Documents..\node_modules\react-redux\es\components‘中的“反应”
我已经安装了react-redux和redux (我相信redux对redux有一些依赖)
import { Provider} from 'react-redux';
这就是造成错误的原因。
对我能做什么有什么建议吗？
浏览 0提问于2019-08-31得票数 9
回答已采纳
我正尝试在使用FileReader的道具上设置默认图像。我希望在组件挂载componentDidMount(){...}时加载映像，并在用户决定不上传映像时使用。我一直无法让它工作，请帮助。avatar是我想要用作默认图像的图像。<ImageUpload />使用base64url编码工作。x.img最初是{}。我尝试调用_handleImageChange并传入avatar。我试着在#profile-img上使用defaultValue={avatar}和其他一些我后来忘记的东西--但是没有成功。任何见解都将不胜感激。提前感谢！代码如下：
import React from &#
浏览 0提问于2017-10-11得票数 0
我在一些react-redux代码中看到了setIn()和set()的使用：
state.setIn(...);
state.set(...);
我在这里找到了一些文档，，但不幸的是，该方法没有详细的文档。
我还发现了一些其他问题：，但这些都没有回答我的问题。
我明白，它必须做一些不变的事情？但是这里不变的东西是什么呢？那么set()和setIn()有什么区别呢？为什么我们需要不可变的？
浏览 0提问于2015-12-23得票数 19
回答已采纳
我有一个测试，它使用Jest和带有.tsx测试文件(TypeScript)的react-testing-library：
import React from "react";
import { Provider } from 'react-redux';
import { render, screen } from "@testing-library/react";
import Home from "./Home";
describe('Home', () => {
test("render
浏览 8提问于2020-07-05得票数 1
大家下午好。我遇到了一个我无法解决的问题。
我试着跟随，寻找关于SO的答案，但到目前为止都失败了。
ownProps返回未定义的。这是“祖父母”(首页)：
{<Switch>
<Route exact path="/computers">
<MacBookList />
</Route>
<Route path="/computers/:id" component={MacBookCard}>
<M
浏览 5提问于2021-05-21得票数 0
回答已采纳
我正在尝试设置路由层次结构。现在看起来是这样的：
const routes = {
path: '/',
component: 'div',
indexRoute: MainApp,
childRoutes: [
{ path: '/', name: 'dashboard', component: MainApp},
{ path: 'quiz', name: 'quiz', component: QuizApp}
]
};
如果我点击与href="#qu
浏览 1提问于2015-10-12得票数 0
我是新的反应-土生土长，我从Udemy视频学习。我跟踪视频，但由于反应-本地版本的差异，事情发生了变化。我有一个错误this.state，即undefined。
无法读取未定义的属性“newTodoText”
我使用react-redux
这是我的Main.js代码
constructor(props) {
super(props);
this.state = {
newTodoText: ""
};
}
addNewTodo(){
console.log(this.state);
浏览 3提问于2018-02-08得票数 1
回答已采纳
我使用jest来响应本机测试，我使用redux.While来执行我得到的测试文件。
TypeError:无法读取未定义的属性“hasError”
这个错误。我不知道如何将值发送到redux。任何一个人请帮帮我。
错误代码是
FAIL __tests__\jest\LoginScreen.test.js (6.801s)
test
× renders correctly (614ms)
● test › renders correctly
TypeError: Cannot read property 'hasError' of undefi
浏览 0提问于2018-07-16得票数 0
1回答
未执行ADD_CONTACT操作。我想要显示联系人的详细信息，这是由ContactDetailComponent.js完成的，当我单击一个特定的联系人时，它是present ContactListComponent.js。您能告诉我哪里弄错了吗？(当我点击ContactListComponent.js中的按钮时，无法显示联系方式)
这是显示所有联系人的组件(ContactListComponent.js)
import React, { Component } from 'react';
import { NavItem, Card, CardBody, Nav, Butt
浏览 1提问于2020-07-29得票数 1
选择编辑时，我无法在输入字段中输入值，我认为这可能是onChange问题。
我看了一些类似的，但代码似乎过时了，而且我使用的是受控组件，而不是ref。
Editable.js单击编辑时，此组件将呈现输入字段
import React from 'react';
import Paper from '@material-ui/core/Paper';
import Button from '@material-ui/core/Button';
import Typography from '@material-ui/co
浏览 78提问于2019-04-16得票数 0
当我按下按钮'<‘’或'>‘>(增加或降低难度)时，我在PureComponent (react.development.js:444)上得到错误“未定义的属性”：无法设置属性’道具‘(react.development.js:444)。
我怎么才能修好它？
上面的代码要比实际的代码少得多，但是即使在这个大小的情况下，它也不能正常工作。
即使是“废话”也不会出现在控制台上。
StartMenu.js
import React from 'react';
import { connect } from 'react-redux';
浏览 0提问于2019-04-30得票数 0
回答已采纳
1回答
测试单击删除后模式是否消失
、、、、
具有反应测试的初学者，
我正在使用jest和react测试库，这里我有一个组件'A‘，这是一个模式，我试图对它进行测试，当用户点击一个按钮’删除链接‘时，这个模式应该消失(函数onDelete)。正如你所看到的，我使用FireEvent.click()点击按钮，所以当它将toHaveBeenCalledTimes(0)从0改为1时，我得到了Expected number of calls: 1 Received number of calls: 0，不应该期望和接收都是1吗？
单击Delete Link后，用户应该看不到end组件(模态)。
有没有人能给我点启发？如有任何建议或帮助，我
浏览 0提问于2021-11-25得票数 1
我有一个Yarn工作区，它有两个包，watermelon-web和watermelon-native，它们使用的是最新版本的react-redux，但使用的是不同版本的react。问题是，我无法控制peerDependency of react-redux选择哪个版本的react纱线。
工作区package.json
{
"private": true,
"workspaces": {
"packages": [
"watermelon-web",
&
浏览 2提问于2019-11-26得票数 5
回答已采纳
3回答
使用包含特定和Redux的流
、、、、
我正面临流类型方面的问题。下面是代码，简化为相关部分：
/* @flow */
import * as React from 'react';
import { connect } from 'react-redux'
export type InjectedProps = {||};
type StateProps = {||};
type DispatchProps = {||};
type OwnProps = {||};
type ReduxProps = {|
...OwnProps,
...StateProps,
...Dispatch
浏览 2提问于2019-09-05得票数 2
我一直在做一个小项目，以更好地了解react。我最近将它转换为使用钩子，我正在尝试用它来实现redux。然而，我现在得到了以下错误。
TypeError: searchField.toLowerCase is not a function
看着文档，我不再使用react-redux的connect，转而使用useDispatch和useSelector。但是我相信我已经正确地设置了一切，但是不确定为什么会出现这个错误。
这是我的action.js
import { SEARCH_EVENT } from './searchfield_constants';
export co
浏览 20提问于2021-02-13得票数 1
回答已采纳
2回答
//action code
export const CLEAR_COMPLETED = 'CLEAR_COMPLETED'
export const clearCompleted = () => {
return{
type: CLEAR_COMPLETED
}
}
//reducer code
case CLEAR_COMPLETED:
return state.map(todo => {if (todo.completed)
{return {...todo, show:false}}
浏览 0提问于2017-12-11得票数 2
我正在尝试在登录表单输入值中实现react-redux。我已经向redux状态添加值，但是我不能从state对象中单独访问数据。
以下是详细信息：
在App.js文件中
console.log(useSelector((state) => state));
给出结果{email: "demo@demo.com" , password: "123456"}。我无法使用以下命令访问state对象中的电子邮件
console.log(useSelector((state) => state.email));
它给出的错误是'email' d
浏览 200提问于2021-06-03得票数 1
import React, { Component } from 'react';
import { connect } from 'react-redux';
class App extends Component {
state = {
isLogin: false
}
render() {
<div>
<h1>{isLogin "Logined" : "Not logged" }</h1>
浏览 0提问于2018-05-30得票数 0
下面是我的app的index.js文件：
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import App from './App.js';
import { createStore, combineReducers } from 'redux';
import { Provider } from 'react-redux'
浏览 10提问于2021-05-31得票数 0
回答已采纳
我的父组件类似于- Requestdetails组件 import React, { Component } from "react";
import TopBarComponent from '../../common/TopBar/topBar'
export default class RequestDetailsComponent extends Component {
showBreadcrumb: boolean;
breadcrumbs: { title: string; navigate: string; state: bool
浏览 22提问于2020-01-17得票数 1
1回答
当我为我的项目运行webpack时，我会遇到这样的错误:React包不能解决它的一些内部模块：
ERROR in ./node_modules/react-redux/es/index.js
Module not found: Error: Can't resolve './components/Context' in '/home/.../frontend/src/node_modules/react-redux/es'
@ ./node_modules/react-redux/es/index.js 3:0-57 12:0-179
@ ./ind
浏览 0提问于2019-10-19得票数 3
回答已采纳
在尝试使用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`.
这是App：
import { Provider } from 'react-redux';
import configureStore from './stor
浏览 0提问于2019-04-29得票数 3
我有一个组件(TourSpecPropertiesSection)，它可以访问存储中的对象。我希望它获取这个对象的属性，并将每个属性映射到另一个组件(TourSpecProperty)，该组件将暂时显示名称和值。我已经创建了这两个组件，但是当我尝试在TourSpecPropertiesSection中实例化TourSpecProperty时，我无法设置TourSpecProperty的属性，即使我已经在接口中定义了它们。它会给我一个错误
"Property 'name' does not exist on type 'IntrinsicAttributes &a
浏览 0提问于2018-05-26得票数 1
2回答
我想从子组件中的Redux获得道具。但{this.props}是空对象。我正在使用react-redux connect来获取道具。它在父组件中工作，我们可以传递给子组件以获得道具，但我需要从子组件中获取 登录 ```import React, { Component } from 'react' 从'./ Test‘导入{Test} 导出默认类登录扩展组件{ render() { return ( <div> <Test hi=""/> </div>
浏览 16提问于2020-01-30得票数 1
回答已采纳
我刚开始使用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)在bash内部，我运行了flow，它抛出了找不到模块的错误
user@pc:~/code/project$ flow
Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ src/functionalities/Growth/index.js:3:25
Cannot resolve module react-redux.
1│ // @flow
2│ import React from "react"
3│ import { connect } from
浏览 0提问于2018-07-27得票数 41
回答已采纳
1回答
我的应用程序中有两组屏幕。
1) AuthorizedScreens
2) NotAuthorizedScreens
一旦应用程序加载，我想检查用户是否登录？如果用户登录，应用程序将加载AuthorizedScreens，如果不加载，则加载NotAuthorizedScreens.。我怎样才能做到这一点？我已经包含了一个不起作用的代码的示例，但我想这就是它可能的样子！
App.js
import React from 'react';
import { AsyncStorage } from 'react-native';
import { Pr
浏览 6提问于2017-09-02得票数 3
这是来自非常简单的博客react-redux应用程序的reducer_posts.js。
import _ from 'lodash';
import { FETCH_POSTS, FETCH_ONE_POST, DELETE_POST } from '../actions/index';
export default function (state = {}, action) {
switch (action.type) {
case DELETE_POST:
return _.omit(state, action.payload
浏览 1提问于2017-05-29得票数 7
回答已采纳
所以我试着用redux和类型记录。这就是我的package.json的样子
"dependencies": {
"@types/react-dom": "15.5.0",
"@types/react": "15.0.4",
"@types/react-redux": "4.4.39",
"axios": "0.16.2",
"react": "15.
浏览 3提问于2017-09-16得票数 1
回答已采纳
1回答
我在Login.js中创建了一个存储，当用户登录时，会向该存储发送一个用户名。然后在Profile.js中，我获得这个用户名并呈现它。
代码如下所示：
Profile.js
import { connect, Provider } from "react-redux";
function mapStateToProps (state) {
return {
user: state.user
}
}
export class Profil extends React.Component {
render() {
return (
<
浏览 0提问于2018-08-12得票数 1
我是react-redux的初学者。我已经在react组件中实现了依赖下拉功能(Country => State => City)。
当我从redux state接收数据时，我想要更新dropdown值。
我在this.props.dropdownForm中获取redux状态，并在此基础上调用changeCountry、changeState、changeCity函数，其中我根据条件设置所选国家。
我面临的问题是这段代码无法工作：
componentDidMount() {
if (this.props.dropdownForm) {
thi
浏览 3提问于2020-06-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
