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

Reactjs 如何访问组件内部的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

我是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);
从“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)