MobX - あるストアのコンストラクタを別のストアに実行しますか？

Question

だから私は2店舗、AuthorStoreありますAuthorStore.author.nameがnullであるかのように私は、それがnullのプロパティを取得することができないというBookStoreでエラーを取得しておく

import AuthorStore from 'authorStore'; 
class BookStore { 
    @observable book = { 
    authorName: AuthorStore.author.name, 
    bookTitle: null 
    } 
} 

：

class AuthorStore { 
    constructor() { 
     // has author.name and is always present in storage 
     AsyncStorage.getItem('author').then(action((data) => { 
     this.author = JSON.parse(data); 
     })); 
    } 

    @observable author = null; 
} 

とBookStoreを。したがって、最初にコンストラクタを実行して値を代入することなく、AuthorStoreからデフォルトのauthorの値を読み取っています。

AuthorStoreコンストラクタによって割り当てられた値をBookStoreのauthorにするにはどうすればよいですか？

Answer 1

あなたはgetItem('author') -promiseへの参照を格納し、あなたが本屋で何を行う前に、それが満たされていることを確認できます。

// authorStore.js 
class AuthorStore { 
    @observable author = null; 
    getAuthorPromise = null; 

    constructor() { 
    this.getAuthorPromise = AsyncStorage.getItem('author').then(action((data) => { 
     this.author = JSON.parse(data); 
    })); 
    } 
} 

export default new AuthorStore(); 

// bookStore.js 
class BookStore { 
    @observable book = null; 

    constructor() { 
    authorStore.getAuthorPromise.then(action(() => 
     this.book = { 
     authorName: authorStore.author.name, 
     bookTitle: null 
     }; 
    )); 
    } 
} 

また、あなたはどのストアを作成する前に、著者を取得し、与えることができますAuthorStoreコンストラクタの著者は、あなたがあなたのBookStore同期作成することができます。

// AuthorStore.js 
class AuthorStore { 
    @observable author = null; 

    constructor(author) { 
    this.author = author; 
    } 
} 

export default AuthorStore; 

// BookStore.js 
class BookStore { 
    @observable book = null; 
    authorStore = null; 

    constructor(authorStore) { 
    this.authorStore = authorStore; 
    this.book = { 
     authorName: authorStore.author.name, 
     bookTitle: null 
    }; 
    } 
} 

export default BookStore; 

// app.js 
import AuthorStore from './AuthorStore'; 
import BookStore from './BookStore'; 

AsyncStorage.getItem('author').then(data => { 
    const author = JSON.parse(data); 
    const authorStore = new AuthorStore(author); 
    const bookStore = new BookStore(authorStore); 
})); 

はそれを行うための方法がたくさんあることに留意してください。