Question

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

谢谢

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

在React Redux应用程序上显示更新/发布的动态消息

1 个答案: