Le module dynamiquement importé dans la réaction ne réagira pas à Mobx observable

Question

Je charge un composant de réaction de manière dynamique (via l'import de webpack ('module'). Then) dans mon paquet. Le problème est que le composant ne réagira pas aux changements de Mobx observable. Si j'importe le module normalement, tout fonctionne.

Regarder les outils MOBX dev je peux voir que lorsque le composant est importée statiquement lorsque les changements observables i voir:

Mise à jour 'ReviewsStore@6.profile': (ReviewsStore@6.profile) (a (ReviewsStore @ 6.profile)) de réaction async programmé 'Commentaires # 0.render()' réaction '$ Commentaires # 0.render()'

Au contraire quand j'utilise le fractionnement du code que je ne vois pas render invoquaient :

Mise à jour de 'ReviewsStore@6.profile': (ReviewsStore@6.profile) (was (ReviewsStore @ 6.profile))

Bellow est mon code avec des données de test

class ReviewsStore { // My store 
@observable profile = {}; 

@action 
getProfile() { 
    $.ajax({ url }) 
     .then(action((data) => { 
      this.profile = { 
       user: 'John Doe', 
       userid: 123, 
       followers: 25, 
       reviewsCount: 22, 
       reviews: [ 
        { 
         body: 'Lorem ipsum ', 
         date: '20/12/2016', 
         rating: 4.5, 
        }, 
        { 
         body: 'Lorem ipsum dolor sit', 
         date: '23/12/2016', 
         rating: 4.2, 
        }, 
       ], 
      }; 

     })); 
} 

}

@observer class Reviews extends Component { // My View 
constructor() { 
    super(); 
    this.getProfile = this.getProfile.bind(this); 
    this.state = { 
     asyncModule: null, 
    }; 
} 

getProfile(id) { 
    this.props.store.getProfile(id) 
    import('../components/reviews/user-profile') 
       .then(({ default: Profile }) => { 
        this.setState({ 
         asyncModule: <Profile user={this.props.store.profile} />, 
        }); 
       }); 
} 

render() { 
    return (
     <div> 
     {this.state.asyncModule} 
     </div> 
    ); 
} 

}

Answer 1

Pourriez-vous vérifier package MOBX est inclus une seule fois? Seulement dans votre bundle de base et pas encore dans votre bundle de faisceaux?