オブザーバーなしで注射を使用できません

Question

私は現在、状態管理のためにタイプされたReact（TSX）とmobxを使用しています。

私は、オブザーバと注入デコレータの両方を使用するコンポーネントをビルドすることができます。しかし、私はオブザーバを使わずに注入を使うコンポーネントを作ることはできません。これはtypescriptですコンパイラを渡す

は

export const DealershipBreadCrumb = inject("appStore")(observer((props: Props) => { 
    const {appStore} = props; 
    const dealership = appStore.getSelectedDealership(); 
    return (
      <div className="filter__container filter__group"> 
      <a className="filter__link" href={`cars?q=${appStore.searchResults.searchQuery}`}> 
       <span className="filter__text">{dealership.name}</span> 
      </a> 
      </div> 
    ) 
    })) 

しかしこれは、次のエラーメッセージで

export const DealershipBreadCrumb = inject("appStore")((props: Props) => { 

を失敗し

[ts] Argument of type '(props: Props) => Element' is not assignable to parameter of type 'ComponentClass<{}>'. 
    Type '(props: Props) => Element' provides no match for the signature 'new (props?: {}, context?: any): Component<{}, ComponentState>' 

このエラーメッセージの頭と尾を作る際に、私を支援してください。 。私の賭けは、入力が時代遅れであるか、何かであるということです。そうでなければ、オブザーバを使わないでinjectを使用すると、実際には無効な組み合わせになります。

Answer 1

私はあなたのエラーはここから来ていると思います：((props: Props)... 私はそれが機能を期待していると信じて、そのように注入し使用した場合、このようにそれを使用してみてください。
export const DealershipBreadCrumb = inject('SystemDataStore')((props => {

がところでもしあなたことを忘れないでくださいオブザーバを使わずにinjectを使いたいのであれば、そのストアの最後の値を注入しますが、値の変更は認識しません。