Использование React Context API для обновления компонента при создании нового объекта

Question

Я новичок в React, и я пытаюсь использовать React Context API в учебнике, которому я следую, чтобы обновить компонент. Сначала я загружаю твиты, используя объект json. В компоненте TweetForm при отправке формы я обновляю этот массив твитов, добавляя новый объект с помощью функции setTweets. Когда я консоль регистрирую массив твитов, он показывает мне, что мой новый твит добавляется в массив, но мои твиты не обновляются.

Кто-нибудь может помочь, пожалуйста? Ниже ссылка на мой код в песочнице.

Редактировать nice-haslett-nhsj0

Answer 1

В TweetForm.js, внутри функции handleSubmit, вы должны использовать оператор распространения для установки новых твитов, как показано ниже:

setTweets([...newTweets]);

Рабочий пример: Демо