React — русскоговорящее с...
Android Developers
Python
Vue.js — русскоговорящее ...
supapro.cxx
DotNetRuChat
GNU/Linux Help
Telegram Developers
Node.js — русскоговорящее...
DevOps — русскоговорящее ...
JavaScript Noobs — сообще...
![Django [ru]](https://image.telq.org/channel_avatar_1063854692_12437233608009742_mini.jpeg){kind=avatar}
Django [ru]
Go-go!
Angular - русскоговорящее...
ntwrk
Верстка сайтов HTML/CSS/J...
phpGeeks
Kubernetes — русскоговоря...
Битрикс для разработчиков
MODX. Русскоязычное сообщ...
pgsql – PostgreSQL
Laravel Pro
iOS Developers — русского...
ClickHouse не тормозит
Rust — русскоговорящее со...
JavaScript — русскоговоря...
С#
pro.cxx
pro.jvm
React Native — русскогово...
Devs Chat
Docker — русскоговорящее ...
HTML/CSS — русскоговоряще...
Python beginners
🐧 RU.UBUNTU — Официальное...
Kotlin Community
Embedded Group
Чат экстремального погром...
aiogram
Scala User Group
Haskell
PHP
TypeScript
Клуб Vue.js-разработчиков
Xamarin Developers (MAUI,...
F# Chat
![Svelte [svelt] - All abou...](https://image.telq.org/channel_avatar_1142273288_5399907573915831550_mini.jpeg){kind=avatar}
Svelte [svelt] - All abou...
Системное администрирован...
Nuxt.js | Vue SSR
var chat = new Chat();
Data Science Chat
Ассемблер
Android Architecture
Laravel для начинающих
Церковь метрик
Dart & Flutter
QA — русскоговорящее сооб...
Tarantool
pro.elixir
Python Flask
SAP ABAP
R (язык программирования)
learn.java
DevsHelper
Big Data Science :: AI / ...
Delphi & Lazarus
SwiftBook
Solidity Development
Evolution CMS официальное...
pro.net (former COM+)
OpenStreetMap RU
Visual Studio Code — русс...
ru_mysql
pro.lua
Dart / Flutter
GraphQL — русскоговорящее...
pro.Asm
IDE и редакторы — русског...
OpenCartForum - 🇺🇦🇪🇺Чат O...
Angular.js (1.x) — русско...
Frontend_ru
Lame C
Flutter Developers — русс...
AutoIT RU
AI / Искусственный Интелл...
dlang.ru
Laravel Framework Russian...
WebPwnChat
Чат — Верстка Сайтов и Фр...
pro.python
Java Underground
Natural Language Processi...
javascript_ru
SqlCom.ru - сообщество MS...
Cinema 4D
Delphi Community
pro.vim
Server Side Swift Develop...
Autohotkey_RU ( v1 & v2 )
PHP DevConf KZ🇰🇿
Modern::Perl
pro.rb (Ruby/Rails / RU)
RubyRush.ru
Oracle RU
ru.nim.talks
DevOps
Odoo talks & fun
Software Design/Architect...
sql_ninja
AndroidDev Pro:: Професси...
WordPress for developers
PowerShellRus - о Powersh...
Haskell Start
Эльбрусы и с чем их едят
Java/Kotlin and more
pro.buildsystems
Powershell Rus
ErlangRus
Python для анализа данных
Скрипты Гугл, Таблицы, Go...
WebGL ru
Compiler Development
firebase_ru — русскоговор...
Electron.js
phpclub.ru
RU.CRYPTOGRAPHY — Криптог...
pro.osdev - os developmen...
MySQL
Lame C++
QA juniors
GameDev for Web
Go Get A Job
PostgreSQL (English)
Ember_js
Tilda Developers
RU.Docker — Официальное Р...
Emacs — русскоговорящее с...
FreePascal & Lazarus
Язык программирования Jul...
WordPress – русскоговорящ...
Django
sentry_ru
ReasonML и OCaml
WebAssembly — русскоговор...
ansible — русскоговорящее...
Сrystal Lang — русскогово...
aiohttp
Clojure — русскоговорящее...
heroku_ru
PowerShell Pro
macOS Developers — русско...
systemd
use Perl or die;
FORTH и родственные ЯП
Natural Language Processi...
ru_jenkins
CatBoost
CyberBiology
Sequelize - community (en...
sonarqube_ru
Elm Lang сообщество разра...
SublimeText_RU
NativeScript
WordPress CodeRun
ReactiveX - русскоговорящ...
PureScript — русскоговоря...
#Вайти
Эликсир и Вунш
Cassandra
Как передать метод через несколько вложенных компонентов?
17 ответов
Через пропс контекста
Daniar
Автор вопроса
Через пропс контекста
Это единственное решение?
какой метод?
Daniar
Автор вопроса
какой метод?
const deleteUser = (id) => { setUsers(users.filter((el) => el.id !== id)) }
Твой код выглядит правильным)0 ты правильно передаешь проп, да Ты выводил в третьем компоненте пропсы? Там точно нет onDelete?
Это единственное решение?
Можешь через EventBus (шина событий), но это на мой взгляд хорошо в некоторых ситуациях
const deleteUser = (id) => { setUsers(use...
тебе по сути надо только setUsers прокинуть, если вложенность до трех то можно пропсами, если больше то лучше вынести в контекст
тебе по сути надо только setUsers прокинуть, если ...
У него проблема в том, что не работает текущий код с передачей пропсов
Daniar
Автор вопроса
Твой код выглядит правильным)0 ты правильно переда...
Вот так сделал. Может не правильно? <IoCloseCircleSharp onClick={props.onDelete(props.user.id)} className="delete-icon" />
const deleteUser = (id) => { setUsers(use...
давай смотреть твой код
Вот так сделал. Может не правильно? <IoCloseCircle...
Так точно неправильно) тогда onClick={() => props.onDelete(props.user.id)}
Вот так сделал. Может не правильно? <IoCloseCircle...
То есть у тебя проблема была в том, что не работает удаление, а не в том, что он не пробрасывается вниз?
Daniar
Автор вопроса
То есть у тебя проблема была в том, что не работае...
Спасибо, работает. Метод не пробрасывался вниз. Когда пишу probs, то почему то не видит onDelete
Спасибо, работает. Метод не пробрасывался вниз. Ко...
Среда разработки не знает, что ты передаешь в props) ты же об этом? Что не было подсказок?
Daniar
Автор вопроса
Среда разработки не знает, что ты передаешь в prop...
Да об этом. Но в других местах кода видит, а именно в компоненте IoCloseCircleSharp нет. Спасибо, Нина, что помогла, только учусь, глупые ошибки
Да об этом. Но в других местах кода видит, а именн...
Всё в порядке, это нормально) На подсказки IDE не стоит полагаться (только если ты не используешь тайпскрипт) Если кажется, что что-то где-то не работает, то ставь везде console.log и проверяй данные) В этой ситуации ты бы увидел, что в пропсах есть onDelete и стал бы искать проблему в другом, например, в том, что неправильно используешь функцию, и уже исследовал эту часть кода А ещё есть расширение React Dev Tools, полезный инструмент)
Да об этом. Но в других местах кода видит, а именн...
Научись сразу нужные пропсы деструктуризацией вытаскивать
Похожие вопросы
Обсуждают сегодня