Javascript 如何在react组件中调用MapStateTops以获取Redux存储
我正在尝试获取存储的Redux状态,以将其设置为组件的道具。下面是我的组件实现Javascript 如何在react组件中调用MapStateTops以获取Redux存储,javascript,reactjs,react-redux,Javascript,Reactjs,React Redux,我正在尝试获取存储的Redux状态,以将其设置为组件的道具。下面是我的组件实现 import React, { Component } from 'react'; import {connect} from 'react-redux'; class Characters extends Component { render() { console.log('props', this.props); return( <div&
import React, { Component } from 'react';
import {connect} from 'react-redux';
class Characters extends Component {
render() {
console.log('props', this.props);
return(
<div>
<h4>Characters</h4>
</div>
)
}
}
const mapStateToProps = state => {
return {
characters: state.characters
}
}
export default connect()(Characters);
我不知道我做错了什么。一点帮助和一个正确方向的铰链将帮助很大。谢谢:)您忘记传递MapStateTrops以连接:
export default connect(mapStateToProps)(Characters);
您需要将actionCreators和mapStateToProps函数传递给connect函数,以便能够从组件访问存储:
导出默认连接(mapStateToProps)(字符)代码>您忘记将mapStateToProps添加到connect()
export default connect(mapStateToProps)(Characters);