在 react redux 应用程序上显示更新/发布的动态消息答案

【问题标题】：Display dynamic message for updates/releases on a react redux app在 react redux 应用程序上显示更新/发布的动态消息
【发布时间】：2019-01-03 07:21:00
【问题描述】：

在我的 react + redux 应用程序中，我想动态显示一些关于新功能/更新的通知/消息作为我们的 react + redux 应用程序的标题。此要显示的消息将作为输入类型文本输入到组件之一 (Alert.js) 中。我将输入的值捕获为该组件中的道具，并将此道具传递给仅显示捕获的消息的子组件（Header.js）。然后我只需调用 App.js 中的子组件 Header 传递所需的道具。我面临的问题是当应用程序重新加载组件重新渲染时，道具值变得未定义并且我想在标题中显示的消息消失离开。如何在存储中保留对象的值，直到输入的输入值未更改。我是反应和减少的新手。请帮忙。

谢谢

【问题讨论】：

标签： reactjs redux react-redux

【解决方案1】：

你可以像这样为你的 reducer 设置一个初始状态

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 上有效地持久化数据。可能是本地存储，但这些数据只存在于您的计算机上。

【讨论】：

感谢@yourfavoritedev 的快速回复。这真的很有帮助。因此，您的意思是对于动态数据，我将不得不持久化输入的输入，调度一个仅将输入的输入存储在数据库中的操作。然后在页面加载时，使用 store.dispatch 调度另一个从数据库加载数据的操作。对吗？
@PingPong 这正是我的意思。