Reactjs 如何访问组件内部的redux存储?
我是redux的新手,在这里我尝试在表中显示我的数据。我应该将数据集传递给另一个组件。我知道如何把数据送到redux商店。我不知道的是如何将它们作为道具传递给组件。有人能帮我吗 Home.jsReactjs 如何访问组件内部的redux存储?,reactjs,redux,react-redux,Reactjs,Redux,React Redux,我是redux的新手,在这里我尝试在表中显示我的数据。我应该将数据集传递给另一个组件。我知道如何把数据送到redux商店。我不知道的是如何将它们作为道具传递给组件。有人能帮我吗 Home.js import React from 'react'; import TicketTable from '../../components/TicketTable/TicketTable'; import { ticketData } from './dummyData'; import { getTic
import React from 'react';
import TicketTable from '../../components/TicketTable/TicketTable';
import { ticketData } from './dummyData';
import { getTicketList } from './actions/TicketActions';
import axios from 'axios';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import './Home.scss';
class Home extends React.Component {
constructor(props) {
super(props);
this.state = {
data: []
};
}
componentDidUpdate() {
// this.props.getTicketList();
}
componentDidMount() {
this.props.getTicketList();
}
render() {
return (
<div className="home">
<TicketTable data={ticketData} />
</div>
);
}
}
export default connect(
(state) => ({ ...state.ViewTickets.ticketsList.data.content }),
(dispatch) => bindActionCreators({ getTicketList }, dispatch)
)(Home);
从“React”导入React;
从“../../components/TicketTable/TicketTable”导入TicketTable;
从“/dummyData”导入{ticketData};
从“./actions/TicketActions”导入{getTicketList};
从“axios”导入axios;
从'react redux'导入{connect};
从“redux”导入{bindActionCreators};
导入“/Home.scss”;
类Home扩展了React.Component{
建造师(道具){
超级(道具);
此.state={
数据:[]
};
}
componentDidUpdate(){
//this.props.getTicketList();
}
componentDidMount(){
this.props.getTicketList();
}
render(){
返回(
);
}
}
导出默认连接(
(state)=>({…state.ViewTickets.ticketsList.data.content}),
(分派)=>bindActionCreators({getTicketList},分派)
)(家);
我想把state.ViewTickets.ticketsList.data.content
作为道具传递给TicketTable
只要试着使用
(state)=>{return state.ViewTickets.ticketsList.data.content;},
实际上我的第一个建议是尝试使用钩子组件,
我不知道你的密码,但如果你想试试这样
function mapStateToProps(state) {
return {
'your state name ': state.'Your reducer name'
}
}
function mapDispatchToProps(dispatch) {
return {
actions: {
'your action name' ': bindActionCreators('your action'.'your action child', dispatch)
}
}
}
export default connect(mapStateToProps, mapDispatchToProps)(CartSummary)