выполнить функцию после отправки в другой компонент в моем собственном проекте реагировать

Question

Я хочу запустить функцию после отправки sth в другой компонент (обещание не мое решение) например, я хочу отправить ЭТО в КОМПОНЕНТ 1, а затем выполнить функцию в Компоненте, который отвечает за запуск анимированного объекта

Answer 1

Решением с использованием избыточности является использование mapStateToProps для прослушивания изменений в магазине.

Пример: userState = {isLoggedIn: false}

A - отправить логинSuccessAction

B - Изменить пользователя в редукторе и установить его как `` `LoggedIn: true```` *

C - mapStateToProps с isLoggedIn

D - Изменить все, что вы хотите в компоненте прослушивания

---

`

// Action
const loginSuccess = {type: loginSuccess }

//

//Reducer 
export function reducer( state = initialState, action){
  switch (action.type) {
      case loginSuccess.type: {
          return {
            ...state,
            isFetching: false,
            isLoggedIn: true,
            errorMessage: '',
          };
       }
       case logoutRequest.type: {
           return initialState;
        }
        default:
            return state;
        }
    }
}

// MapStatetoPros Other Component listening to isLoggedIn
function mapStateToProps(state) {
    return {
        isLoggedIn: state.user.isLoggedIn,
    };
}

// When props change other component
componentWillReceiveProps(nextProps) {
    if (this.props !== nextProps) {
        this.setState({
            isLoggedIn: nextProps.isLoggedIn,
        });
    }
}

`