Блог

Ошибка, которую я получаю, звучит так: «TypeError: невозможно установить свойство ‘props’ для undefined».

То, что я пытался сделать, это подключить 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)