PROSAGA码农传奇-数据沙盘-在我的沙箱中渲染数据的redux方法不成功

我试图以redux的方式显示数据。 当您单击高级体育搜索按钮时，将打开一个抽屉，其中当您单击搜索属性时，该抽屉应呈现历史数据 所以我在动作fetchHistorySportsDatafromURL中创建了此方法 然后在抽屉标签中将此方法称为fetchHistorySportsDatafromURL方法。 但它不显示数据。 我调试并发现此const historySports = this.props.historySports;未定义；console.log（“ historySports —>”，historySports）; 我正在使用mapDispatchToProps，但仍然不成功。 我试图在这里显示我的数据，并从api {historySports}中读取数据 我所有的渲染代码都在此文件中sports-advanced-search.js 在下面提供我的代码段和沙箱 <a href="https://codesandbox.io/s/5x02vjjlqp">https://codesandbox.io/s/5x02vjjlqp</a>行动
<pre><code>export const fetchHistorySportsDatafromURL = data => {
 return dispatch => {
 if (data != undefined) {
 return axios({
 method: "get",
 url: "https://jsonplaceholder.typicode.com/comments",
 data: data,
 config: { headers: { "Content-Type": "application/json" } }
 })
 .then(function(response) {
 console.log("fetchSportsHistoryData--->", response);
 dispatch(fetchSportsHistoryData(response.data));
 })
 .catch(function(response) {
 dispatch(fetchSportsHistoryData([]));
 });
 }
 };
};
</code></pre>渲染代码
<pre><code> getHistoryData = values => {
 this.props.fetchHistorySportsDatafromURL();
 };

render() {
    const { classes } = this.props;
    const { value } = this.state;

export default withStyles(styles)(
 connect(
 null,
 mapDispatchToProps
 )(ScrollableTabsButtonAuto)
);
</code></pre>