Реагировать Redux, показывая неопределенный при запуске сайта

Question

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

Мой компонент имеет:

constructor(props) {
    super(props)    
    this.state = {
        metas:                 [],
        url:                   '',
        title:                 '',
        description:           '',
        keyword:               '',
        selectedMeta:          '',
        flashMessage:          null,
        newMeta:                ''
    }
}

componentWillMount(){
    this.props.fetchMeta()
    this.setState({
        metas:  this.props.metas
    })
}
const mapStateToProps = state =>({
metas:                      state.admin.metaR,
flashMessage:               state.flash.flashMessage,
newMeta:                    state.admin.newMeta,
updatedMeta:                state.admin.updatedMeta

})

экспорт по умолчанию connect (mapStateToProps, {fetchMeta, addMeta,updateMeta}) (AdminMeta)

Мое действие имеет:

export const fetchMeta = () => dispatch => {
axios.get('/api/v1/adminMeta')
    .then( res =>res.data )
    .then(metas =>
        dispatch({ type: FETCH_META, payload: metas })
    )
}

Мой редуктор имеет:

case FETCH_META:            return { ...state, metaR: action.payload.datax }