Отображать динамическое сообщение об обновлениях / выпусках в приложении реагировать на избыточность

Question

В моем приложении реаги + избыточность я хочу динамически отображать некоторые уведомления / сообщения о новых функциях / обновлениях в виде заголовка в нашем приложении реаги + избыточность. Это сообщение будет отображаться как текст ввода в одном из компонентов (Alert.js). Я фиксирую введенное значение в качестве реквизитов в этом компоненте и передаю этот реквизит дочернему компоненту (Header.js), который просто отображает захваченное сообщение. Затем я просто вызываю заголовок дочернего компонента в App.js, передавая необходимые реквизиты. Проблема, с которой я сталкиваюсь, заключается в том, что, когда приложение перезагружает компонент, он переопределяет, значение реквизита становится неопределенным, и сообщение, которое я хочу отобразить в заголовке, отправляется далеко. Как сохранить значение объекта в хранилище, пока введенное значение не изменится. Я новичок, чтобы реагировать и прибавлять. Пожалуйста, помогите.

Спасибо

Answer 1

Вы можете установить начальное состояние для вашего редуктора следующим образом:

const initialState = {
  message: "Welcome back"
}

const alertReducer = (state = initialState, action) => {
    switch(action.type){
    case "NEW_ACTION":
       return action.payload
    default:
       state
    }
}

Это даст вашему приложению предопределенные данные для использования в ваших компонентах.Чтобы иметь динамические данные, которые вы можете сохранить, вам нужно будет интегрировать базу данных, такую ​​как MongoDB или Firebase.Таким образом, вы можете получать данные, такие как «последние предупреждения» и т. Д. В противном случае вы не сможете эффективно сохранять данные исключительно в React и Redux.Возможно локальное хранилище, но эти данные будут существовать только на вашем компьютере.