reactjs - 如何访问组件内的 redux 存储？

Question

我对 redux 完全陌生，在这里我尝试在表格中显示我的数据。我应该将数据集传递给另一个组件。我知道如何将数据获取到 redux 存储。我不知道如何将它们作为道具传递给组件。谁能帮帮我吗？

主页.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; },