如何基於Rx.ReplaySubject模型在React中設置初始狀態

Question

我試圖找出如何使isomporpic和Rx.js驅動的反應。

我的用例（此時）是使語言環境進入組件狀態，以便我的i18n可以將其用於字符串選擇。

假設我有一個簡單的語言環境模型

import Rx from 'rxjs';

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

export default localeModel;

如何設置組件的初始狀態

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

我當然可以使用componentDidMount，subscribe和setState來最終獲得正確的語言環境，但是我想讓它在服務器上具有正確的值。

（實際上，我要做的不僅僅是設置語言環境-我還想根據組件的已知ID和語言環境將字符串拉入頁面中）。

因此，鑒於Rx.js的基本原理是流式傳輸，如何在構造函數中同步獲取可觀察對象的當前值，並保持流式傳輸上下文中使用Rx的規范？

Answer 1

你可以像這樣使用import

import i18n from 'localModel'

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