反应： 类型错误： 调度不是一个函数

Question

我想从重复中获取。我正在学习本教程：https://codesandbox.io/s/react-redux-application-hewdb?file=/src/pages/PostsPage.js但是当我在代码中使用它时，那就是：import React, { useState, useEffect } from 'react';import { connect } from 'react-redux';import {fetchInterview} from '../actions/interviewActions'const DetailInterview = (props, { dispatch, loading, interviews, hasErrors }) => {  console.log("test interview",interviews)  useEffect(() => {    const { match: { params: { id } } } = props;    dispatch(fetchInterview(id))  }, [dispatch])  const interviewslist = interviews  console.log('interview: ', interviews)  return (    <div>      <h3>All participants</h3>      <table>        <thead>          <tr>            <th>ID</th>            <th>Interview id</th>            <th>Partcipants id</th>            <th>Time</th>          </tr>        </thead>        <tbody>          {            console.log('interviews:sad ', interviews)          }          {            interviews? interviews.map((interview) => {              console.log('sadassad',interview)              console.log('sadaghahhgsghssad',interviews)              return (                <tr key={interview.id}>                  <td>{interview.id}</td>                  <td>{interview.interview_id}</td>                  <td>                    {/* <Link to={`/posts/${post.id}`}> */}                    {interview.participant_id}                    {/* </Link> */}                  </td>                  <td>{interview.created_at}</td>                </tr>              )             }) : null          }        </tbody>      </table>    </div>  );}// export default DetailInterview;const mapStateToProps = state => ({  loading: state.interview.loading,  interviews: state.interview.interview,  hasErrors: state.interview.hasErrors,})export default connect(mapStateToProps)(DetailInterview)我收到一个错误： 未捕获的类型错误： 调度不是一个函数无法理解这背后的错误是什么。

Answer 1

您正在从详细信息查看的第二个参数中解构值，而您应该从属性中执行此操作，因为 mapStateToProps 中的值和连接可用作所连接组件的 props

const DetailInterview = (props) => {
    const { dispatch, loading, interviews, hasErrors } = props;
    ...
}