如何基于Rx.ReplaySubject模型在React中设置初始状态

Question

I am trying to figure out how to make react both isomporpic and Rx.js driven.

My use case (at this point) is getting the locale into state of my components so that my i18n can use it for string selection.

Presuming I have a simple model for locale

import Rx from 'rxjs';

const localeModel = new Rx.ReplaySubject('en');

export default localeModel;

how can I set the initial state of the compoent

class MyHeader extends Component {
    constructor () {
        super();
        this.state = {locale: //???? 
         };
    }
}

I can of course use componentDidMount, subscribe, and setState to eventually get the right locale, but I want to have it have the right value on the server.

(in reality I want to do a lot more than just set the locale - I want to pull strings into my page based on the known ID of the component and the locale).

So, given that Rx.js's basic philosophy is streaming, how do I get the current value of the observable synchronously in the constructor and stay in the canon of using Rx in a streaming context?

Answer 1

you can use the import like

import i18n from 'localModel'

class MyHeader extends Component {
    constructor () {
        super();
        this.state = {locale: i18n}
         };
    }
}