Открыть компонент с помощью Onclick

Мне нужно открыть компонент, когда я нажимаю на название ставки, но когда я ничего не делаю. Я не знаю, что еще мне нужно, чтобы заставить его работать, надеюсь, кто-то может мне помочь.

wagerSwitch(param) {
        switch(param) {
            case 'Win':
                return <WPS/>;
            case 'Place':
                return <WPS/>;
            case 'Show':
                return <WPS/>;
            case 'Exacta':
                return <Exacta/>;
            case 'Quinella':
                return <Quinella/>;
            case 'Trifecta':
                return <Trifecta/>;
            case 'Superfecta':
                return <Superfecta/>;
            case 'Double1':
                return <Double/>;
            case 'FDouble2':
                return <Double/>;
            case 'Pick3-1':
                return <Pick3/>;
            case 'Pick3-3':
                return <Pick3/>;
            case 'Pick4-1':
                return <Pick4/>;
            case 'Pick4-4':
                return <Pick4/>;
            case 'Pick6-1':
                return <Pick6/>;
            case 'Pick6-6':
                return <Pick6/>;
            default:
                return <WPS/>;
        }
    }

Условие с onclick в моем методе рендеринга

const wagers = this.state.WagerTypes;
        const wagerList= [];

        if (wagers){
            wagers.forEach((wager) =>{
                wagerList.push(
                    <span className = "label label-default" style = {{cursor: 'pointer'}} key = {wager['name']}onClick = {() => this.wagerSwitch(wager.name)}>
                        {wager.name}
                    </span>
                );
            });
        }

Мне нужно открыть компонент, когда я нажимаю на название ставки, чтобы показать записи каждой ставки