@kirillleogky

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

Есть код:
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() но я уверен что это не очень хороший вариант
  • Вопрос задан
  • 43 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы