React/redux 알림

Question

저는 react/redux 프로젝트를 진행하고 있습니다. 사용자에게 알림 메시지를 표시하는 구성 요소 또는 패키지를 찾고 있습니다 (예 : react-notify). 존재하는 경우

<ReactNotify ref='notificator'/> 

내가 심판없이 패키지를 원하는 :

내가 (-통지 반응 포함)을 발견했습니다 구성 요소는 심판을 사용합니다.

감사합니다.

Answer 1

redux-notifications보세요. refs을 사용하지 않고 순수한 redux 솔루션입니다. 문서는 약간 구식이지만, 이것은 나를 위해 일했습니다 (변경은 행동입니다).

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

을 그리고 통지를 발송하는 행위에 내장 된 사용

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

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

이 기본 감속기로하여 notifReducer를 추가

당신은 프로젝트의 루트에 <Notifs /> 구성 요소를 추가 :

import { actions } from 'redux-notifications'; 

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

Answer 2

나는 최근에 간단한 lib 귀하의 응용 프로그램에 반응 - redux 알림 시스템을 구현하는 데 노력하고 ref를 사용하지 않아도됩니다. 그것을 확인해보십시오 react-redux-notifications. 어떤 피드백이라도 감사 할 것입니다.