Как прокинуть коллбек в форму?

Question

[zlodiak]

Я, используя redux-form, создал форму типа submit validation form. Мой компонент формы состоит из трёх файлов:

Form.js
Page4smart.jsx
Submit.js

В файл Submit.js при помощи импорта я прокинул коллбек 'submitCallback', который отработает при успешной отправке формы. Проблема в том, что я неправильно прокинул коллбек. Если бы мой компонент состоял не из трёх файлов, а из двух, то я получил бы циклическую зависимость.

Подскажите пожалуйста как можно прокинуть коллбек 'submitCallback' из Page4smart.jsx в Submit.js, не используя импорт.

LIVE DEMO

Comments

[WbICHA]

Несколько раз прочёл, но так и не понял в чём проблема и причём здесь вообще импорт?

[Егор Живагин]

Можете перенести свой пример в codesandbox ? Без кода тяжеловато понять, что у вас происходит

[zlodiak]

Егор Живагин, перенёс в песочницу:
https://codesandbox.io/s/github/zlodiak/callnack-r...

в ней какая-то ошибка, но на локалхосте у меня приложение запускается без ошибок. В общем, думаю, и так понятно будет что там происходит...

[Егор Живагин]

zlodiak, есть ощущение, что вы в обычных утилитных-функциях пишите то, что чаще всего пишут в redux actions.

Имхо, решение-то простое - перенести submitCallback в Submit.js, и оттуда импортировать его, если он нужен. Держите утилиты в одном месте и у вас не будет циклических зависимостей

Кстати, ошибка, потому что не хватает import React from "react"; в Page4smart .