React Router和React Intl:有没有更好的方法来动态加载翻译's路线

当页面的路由发生变化时，我会动态加载页面的翻译。我对每条路线都使用onEnter。

有没有更好的方法来实现这一点？我可以避免对每条路由使用onEnter回调函数吗？

var  Root = React.createClass({       
    baseTranslations : {},
    getInitialState: function(){    
        return {
            lang: 'it',
            translations: null,
        };    
    },    
    componentWillMount: function() {    
        // load the common translation for all routes            
        this.setState({
            lang: this.getLocale().lang
        }); 
        this.loadTranslation("base");
    },
    onChangeRoute: function(nextState, replace){
        // load the specific route's translation
        this.loadTranslation(nextState.location.pathname);
    },
    getLocale: function(what){
        // return lang and user region (ex: it-IT)    
    },
    loadTranslation: function(route){    
        var lcl = route;    
        var mapping = {
            '/'     : 'home',
            'auth'  : 'dashboard'
        };
        if(route in mapping){
            lcl = mapping[route];
        }
        $.ajax({
            url: './locales/' + this.state.lang +'/' + lcl + '.json',
            dataType: "text",
        }).done(function(res) {
            if(lcl === "base"){
                this.baseTranslations = JSON.parse(res);
            }
            this.setState({
                translations: $.extend(true, this.baseTranslations, JSON.parse(res))
            });
        }.bind(this));
    },
    render: function() {
        var children;
        if (this.state.translations) {
            children = (
                <IntlProvider locale={this.state.lang} messages={this.state.translations}>
                    <Router history={browserHistory}>
                        <Route path="/" component={App}>
                            <IndexRoute component={Home}/>
                            <Route path="signup"  onEnter={this.onChangeRoute} getComponents={(location, cb) => {
                                 require.ensure([], (require) => {
                                        cb(null, require('./components/Signup.jsx'))
                                 }, "Signup")
                            }} />     
                            <Route path="*" component={NoMatch}/>
                        </Route>
                    </Router>
                </IntlProvider>
            );
        }
        return <div>{children}</div>;
    }
});

ReactDOM.render(
    <Root/>,
    document.getElementById('rct-cont')
);