Question

我正在尝试学习redux，到目前为止，在我了解了mapStateToProps和mapDispatchToProps的工作原理之后，一切进展顺利，但是出现了我不理解的问题。

在实现连接之前，一切正常，但在尝试将函数与分派连接起来后，显示

Object（...）不是函数

function PlaneList(props, fakedata) {

  const addPlane = (e) => {
    if (e.target.checked) {
      props.AddSignedPlane(e.target.id)
    }
  }
  return (
    <Table className={props.tableNoPadding}>
      <TableHead className={props.tableBackground}>
        <TableRow>
          <StyledTableCell>
            <Checkbox disabled />
          </StyledTableCell>
          <StyledTableCell>Plane ID</StyledTableCell>
          <StyledTableCell>Wings </StyledTableCell>
        </TableRow>
      </TableHead>
    </Table>
  );
}

const mapDispatchToProps = dispatch => {
  return {
    AddSignedPlanes: plane=> dispatch(AddSignedPlanes(plane))
  }
}

export default connect(null ,mapDispatchToProps)(PlaneList)

* 在我将其导出为导出默认函数PlaneList之前，一切正常 *

错误出现在我的仪表板上：

<div>{PlaneList(classes, fakeData)}</div>

编辑：我这样导入到仪表板：

import PlaneList from "./PlaneList";

和我的仪表板中的简短内容：

class Dashboard extends Component {

render(){
  return(
  <main>
    .....
    <div>{PlaneList(classes, fakeData)}</div>
   </main>
  )
 }
}

反应redux对象不是函数

0 个答案: