А в чем отличие сокетов и ajax?

Исправил, но это другой компонент и проблема не решилась

Ошибок никаких нет. Проблема в том, что компонент не перерисовывается при изменении стейта. При чем, если тот же компонент переделать с классового на функциональный, то все работает норм

Но мне нужен функциональный для методов жизненного цикла

Я понимаю. Но не понимаю почему компонент не ререндериться когда в него новые пропсы прилетают. Хотя в рендер попадаю при каждом клике на кнопку запроса на сервер

Мне просто любопытно почему так. Очевидно на это есть причина, хотелось бы её узнать чтобы не застревать на таких моментах в дальнейшем

Но мне нужен функциональный для методов жизненного цикла

есть два компонента, у родительского есть функции, когда я через пропсы пытаюсь дочернему элементу передать функции родительского, у дочернего выводит ошибку props.addPost is not a function, в дебагере пропсы приходят, а сама функция addPost undefined.

есть два компонента, у родительского есть функции, когда я через пропсы пытаюсь дочернему элементу передать функции родительского, у дочернего выводит ошибку props.addPost is not a function, в дебагере пропсы приходят, а сама функция addPost undefined.

Ты фильтруеш где план равен тому что ты написал, ты уверен что там массив остается?

извините, что зипкой

У тебя в компонетдидмоунт да? Если да то нормально

Что лучше использовать функциональную или классовую компоненту

ты можешь этот код засунуть в кодсанбокс? https://codesandbox.io

В общем, проблема была в том, что я фильтровал массив, до того как он вернулся от сервера. Запихнул фильтрацию в render перед return и все пофиксилось

компоненты MyPostsConatiner И MyPosts

а в чем проблема, у меня все работает?

× TypeError: props.addPost is not a function onAddPost 13 | let newPostElem = React.createRef(); 14 | 15 | let onAddPost = () => { > 16 | props.addPost(); | ^ 17 | }

Ты еще не юзаешь connect?