React/redux notifications

Question

Ich arbeite an einem react/redux Projekt. Ich suche nach einer Komponente oder einem Paket, die Benachrichtigungen an den Benutzer anzeigt, z. B. react-notify.

Die Komponenten I (einschließlich react-notify) gefunden haben, nutzen Refs:

<ReactNotify ref='notificator'/> 

Ich möchte ein Paket ohne Refs, falls vorhanden.

Vielen Dank!

Answer 1

Betrachten Sie redux-notifications. Es ist eine reine Redux-Lösung ohne die Verwendung von refs. Die Dokumentation ist ein wenig veraltet, aber das hat für mich funktioniert (die Änderung ist die Aktionen).

Sie fügen die <Notifs /> Komponente an die Wurzel des Projekts:

import { Provider } from 'react-redux' 
import { Notifs } from 'redux-notifications'; 

<Provider store={store}> 
    <div> 
    // ... other things like router ... 
    <Notifs /> 
    </div> 
</Provider> 

die die notifReducer an Ihrer Basis Minderer hinzufügen:

import { createStore, combineReducers } from 'redux' 
import { reducer as notifReducer } from 'redux-notifications'; 
combineReducers({ 
    notifs: notifReducer, 
    // ... more reducers here ... 
}) 

Und dann die in Aktionen verwenden errichtet Benachrichtigungen versenden:

import { actions } from 'redux-notifications'; 

action.notifSend({ 
    message: "I am a notification", 
    kind, 
    id: 1234, 
    dismissAfter: 2000 
})(dispatch) 

Answer 2

Ich habe vor kurzem eine einfache lib entwickelt Verwenden Sie ein react-redux-Benachrichtigungssystem in Ihrer App und Sie müssen ref nicht verwenden. Überprüfen Sie es . Jede Rückmeldung wäre es zu schätzen.