Передача значения из одного модуля в другой, Reactjs?

Question

[Junior]

Всем привет! Начал изучать ReactJs и наткнулся на такую проблему.
Нужно было передать значение из одного компонента в другой и я со временем нашел решение, но когда разбил компоненты на отдельные модули... все работает но React выдает ошибку, типа неправильная передача данных. Кто сталкивался с такой проблемой, как правильно в данном случае передать значение в другой компонент(модуль)? codepen.io/juniorCh/pen/ZOqLov (метод callbackparent в NoteColor и NoteEditor)
Буду очень благодарен за помощь)

Comments

[Junior]

У меня есть компонент NoteColor(radio buttons в codepen), при change которых берется цвет checked button и передается в color NoteEditor, соответственно создается метка с цветом checked button, сейчас все работает без ошибок, но когда я разбиваю все по модулям, react выдает ошибку типа неправильная передача данных . Если коротко ... то мне нужно правильно передать value чекнутого баттона. Как-то так...

[Никита]

Работает же, вы нерабочий код то покажите.

[Junior]

Никита: то же самое только компоненты по модулям разбиты. И код остается рабочим только React выдает ошибку, что так нельзя.

[Никита]

Junior: Какие модули, чем собираете? Конфиг билдера в студию, хотя бы. Как подключаете модули, как експортируете.

[Junior]

Никита: Если не трудно, скачайте https://github.com/chilander1/react-tutorial

[nd0ut]

Junior: сходу завести не удалось, зависимости не ставятся. Что за ошибка-то? Скриншот пожалуйста. На первый взгляд, в коде каких-то явных косяков нет.

[Junior]

nd0ut: Добавил скрин

[nd0ut]

Junior: ах вот оно что, вы в button прокидываете параметр onChildChanged, который тот не поддерживает. Странно, что в варианте без модулей эта ошибка не всплывала, вероятно использовалась другая или dev-версия react.

<button className="add-button" onClick={this.handleNoteAdd} callbackParent={this.onChildChanged} >Add</button>

[nd0ut]

nd0ut: ой, то есть production-версия, в ней все ворнинги отключены.

[Junior]

nd0ut: не подскажите как правильно передать значение из одного модуля в другой? Пожалуйста..

[nd0ut]

Junior: эмм, дык у Вас же всё работает и передаётся, а onChildChanged в button вообще не нужен, Вы его наверное по ошибке туда написали.

[Junior]

nd0ut: действительно... спасибо большое)

Answer 1

[Анатолий]

А можете поподробней расписать задачу? Чисто теоретически используя реакт вам не понадобится ничего передавать, каждый компонент реакта должен быть самодостаточен, с другой стороны есть свойства которые можно передавать в компонент. А вот если вам из внутреннего нужно передать значение наружу или соседнему, то это уже совершенно неправильный подход. Просто вопрос у вас слишком размыт, если вы опишете его поподробней (что именно нужно куда передать) то возожно вам дадут совет как это сделать по другому.

Comments

[Junior]

У меня есть компонент NoteColor(radio buttons в codepen), при change которых берется цвет checked button и передается в color NoteEditor, соответственно создается метка с цветом checked button, сейчас все работает без ошибок, но когда я разбиваю все по модулям, react выдает ошибку типа неправильная передача данных . Если коротко ... то мне нужно правильно передать value чекнутого баттона. Как-то так...

Answer 2

[Николай Антонов]

Можно передавать с помощью redux или eventemitter3.