Компонент React / Redux некорректно отображался

Я новичок в Redux, моя проблема в том, что компонент не может быть отображен, и сообщение об ошибке не отображается, он отображается правильно без применения редукции, когда я просто визуализирую Option1 (переменную), кто-нибудь поможет? Спасибо !!!! Может ли кто-нибудь решить мою проблему с помощью примера кодирования, спасибо!

Действие

function clickRaidoButt(id) {
    return {
        type: 'CLICK_RADIO',
        payload: id
    }
}

Редукторы

function reducreForRadio(state = initialStateForRadio, action) {
    if (typeof state === 'undefined') {
        return 0
    }

    var id;

    switch(action.type) {
        case 'CLICK_RADIO': {
             return {
                 id: action.payload
             }
        }
        default: {
             return state
        }
    }
}

Компонент

var Option1 = React.createClass({


    render() {
        const { id } = this.props;    

        return ( 
            <label>
                <input  
                    onClick = {() => this.props.clickRaidoButt('option1')}  
                    type = "radio" 
                    id = "option1" 
                    name = "selOption" 
                />
            </label>
        );
    }
});

Картография

function mapDispatchToPropsForRaidoButt (dispatch) {
    return { 
        clickRaidoButt : (id) => dispatch(clickRaidoButt(id))
    };
}

function mapStateToPropsForRaidoButt(state) {  
    return {  
        id: state.reducreForRadio.id
    }  
}  

Связь

var rootReducer = Redux.combineReducers({
    reducreForAge,
    reducreForButtonGroup2,
    reducreForRadio
});

const radio1 = connect(mapStateToPropsForRaidoButt,mapDispatchToPropsForRaidoButt)(Option1);

ReactDOM.render(
    <Provider store = {store}>
        <radio1/>
    </Provider>,
    document.getElementById('selOption1')
);