Как вызвать функционал redux компонента?

Question

[kirillleogky]

Есть код:
addTodo.js

import PropTypes from "prop-types";
import { connect } from "react-redux";
import actions from "../../actions";

function addTodo (props) {
  window.console.log('hey');
}

addTodo.propTypes = {
  firstData: PropTypes.string,
  secondData: PropTypes.object,
  thirdData: PropTypes.array,
  setFirstData: PropTypes.func,
};

const mapStateToProps = (store) => {
  return {
    firstData: store.firstData.data,
    secondData: store.secondData.data,
    thirdData: store.thirdData.data,
  };
};

const mapDispatchToProps = (dispatch) => {
  return {
    setFirstData: (data) => dispatch(actions.setFirstData(data)),
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(addTodo);

Мне нужно в другом файле вызвать его функционал (вывести для начала console.log)

import React from "react"
import PropTypes from "prop-types";
import { connect } from "react-redux";
import actions from "../../actions";
import addTodo from "./addTodo"

function addTodoInputBtn(props) {
  return (
    <form onSubmit={ КАК ПРАВИЛЬНО ЗАПИСАТЬ ВЫЗОВ ЗДЕСЬ } className="todo_block-add_todo add_todo_block">
......................

Как вызвать addTodo если в будующем я собирась использовать redux?
Он ведь в данном случае объект/компонент а не функция
Есть вариант addTodo.WrappedComponent() но я уверен что это не очень хороший вариант

Comments

[Макс]

По написанному коду видно, что человек его писавший совсем не понимает базовых механик react-redux, что с какими сущностями оперирует.

> Он ведь в данном случае объект/компонент а не функция

По этому утверждению складывается ощущение что и понимание js хромает.

Попробуй сделать шаг назад, руками пройти туториал с сайта реакта, потом редакса. Но это если есть цель понять и разбораться, а не заставить это работать.