Reactjs 如何将Redux连接到React功能组件

我得到的错误是“TypeError:无法设置未定义的属性'props'

我试图做的是将redux连接到我的功能（无状态）组件。 我猜我写错了，但我不知道如何正确地写，如何让它工作

import React from 'react'
import { connect } from 'react-redux'


const Logger = (props) => {
    console.log(props.event);

    let logger = []

    if(localStorage.getItem("logger")){
      logger = JSON.parse(localStorage.getItem("logger"))
    }

    let d = new Date();
    let h = d.getHours();
    let m = d.getMinutes();
    let s = d.getSeconds();
    let time = (h + ":" + m + ":" + s)

    logger.push(
      {
        time: time,
        event: props.event
      }
    )

    localStorage.setItem("logger", JSON.stringify(logger))
    props.logger(logger)
}

const mapDispatchToProps = (dispatch) =>{
  return{
    logger: (value) => {
      dispatch({
        type: 'LOGGER',
        payload: value
      })
    }
  }
} 

export default connect(null, mapDispatchToProps)(Logger)

---

哪一行出现此错误？React/node_modules/React/cjs/React.development.js:394您没有从组件返回任何内容吗？没有，对于此特定组件，我不需要你返回jsx或null，然后在某个地方渲染它，使其成为每行的一个组件。你收到这个错误了吗？React/node_modules/React/cjs/React.development.js:394你没有从组件返回任何东西吗？不，对于这个特定的组件，我不需要您返回jsx或null并将其呈现在某个地方，使其成为组件本身