react-router-domの状態を使ったリダイレクトの使用

Question

私はreact-router-domのRedirectのドキュメントに従っています。今、私はそのようなコンポーネントは次のようにレンダリングします：

return <Redirect to={{ pathname: '/login', state: { previousPath: path } }} />; 

しかし、私は私の新しいパスの状態でpreviousPathにアクセスするかどうかはわかりません。これに関する文書は明確ではない。 previousPathにアクセスするにはどうすればよいですか？

Answer 1

親コンポーネントの1つはRouteで、小道具は一致、場所、履歴が必要です。 props.location.stateで作成した状態を使用してpreviousPathの値にアクセスできるはずです。

リアクタルータのドキュメントのlocationを参照してください。

Answer 2

はmapStateToPropsでownPropsを使用して、それを解決：

を（リダイレクトが行く）私のLoginコンポーネントでは、私は私のmapStateToPropsにこれを追加しました：私の小道具で

const mapStateToProps = (state, ownProps) => ({ 
    ... 
    previousPath: ownProps.location.state.previousPath, 
}); 

そして、今、私がアクセス権を持っていますpreviousPath。