Как получить доступ к политике XACML в wso2AM

Нет необходимости в Redux для вашей проблемы.

Вы просто используете React-router. вы просто создаете два компонента 1. Cards.js, 2. CardDetails.js и переходите к сведениям о карте в событии кликов карт в Card.js

Cards.js

import React from "react";
import { withRouter } from "react-router";


class Cards extends React.Component {

goToCarddetails = (cardId) => {
    localStorage.setItem("selectedCard", cardId);
    this.props.history.push('/card-details');
// you can manage here to pass the clicked card id to the card details page if needed
}

render() {
    return ( <div>
        <div onClick = {()=>this.goToCarddetails('cardId1')}> card 1 </div>
        <div onClick = {()=>this.goToCarddetails('cardId2')}> card 2 </div>
        <div onClick = {()=>this.goToCarddetails('cardId3')}> card 3 </div>
       </div>
    )
  }
}

export default withRouter(Cards);

С помощью вышеприведенного щелчка на любой карте вы будете переходить на страницу сведений о карте.

CardDetails.js

import React from "react";


class CardDetails extends React.Component {

render() {
    let selectedCardId = localStorage.getItem("selectedCard");
    // you can get this cardId anywhere in the component as per your requirement 
    return ( <div>
        card details here
       </div>
    )
  }
}

export default CardDetails;

Примечание: Я использую реакцию- маршрутизатор 4 здесь, в примере.