如何访问组件内部的redux存储?

Question

我对redux完全陌生，这里我试图在表中显示我的数据。我应该把数据集传递给另一个组件。我知道如何将数据传输到redux存储。我不知道的是如何将它们作为道具传递给组件。有人能帮帮我吗?

Home.js

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);

我想把state.ViewTickets.ticketsList.data.content作为道具传递给TicketTable

Answer 1

实际上我的第一个建议是尝试使用Hook组件，我不知道你的redux代码，但如果你想试试这样;

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)

Answer 2

试着使用(state) => {return state.ViewTickets.ticketsList.data.content; },