는 어떻게 기본적으로 모든 기존 저장소가이 .jsx 파일이 가정하면

Question

아래 내 파일 structore을 사용 Mobx 스토어에 액세스 할 수 있습니다.

사용자 access.jsx

import { observable, action, computed } from 'mobx'; 
export default new class UserAccess{ 
    @observable page_access = []; 
} 

이

import { UserAccess } from './stores/user-access'; 

const stores = { 
    "UserAccess" : UserAccess, 
}; 

export default stores; 

index.jsx

import stores from './stores'; 

ReactDOM.render(
<Provider stores = { stores } > 
    <Router .... /> 
</Provider> 

을 stores.jsx 그리고 내 구성 요소에 액세스하려면 어떻게해야합니까 그것? 이것은 내가 지금까지 가지고있는 것이다.

@inject('stores') @observer 
export default class PageHeader extends React.Component{ 
........ 

} 

은 어떻게 obervable page_access에 액세스 않고 어떻게 내 구성 요소에 가게 자체를 삽입합니까?

Answer 1

이미 삽입 한 것 같습니다. 소품에서 주사 한 상점에 ​​액세스 할 수 있습니다. 그리고 구성 요소는 관찰자 데코레이터가있는 한 저장소의 변경 사항에 자연스럽게 반응합니다.

나는 잘 모르겠어요 몇 가지 사소한 문제를 볼 수 있습니다 복사 (당신이 사용자 액세스의 기본 클래스를 수출하지만 명명 된 인스턴스를 가져?) 관련 붙여 넣기하지만 그 물건을 가정하면 아래 코드는 작동합니다 노력이.

@inject('stores') @observer 
export default class PageHeader extends React.Component{ 
    render() { 
    console.log(this.props.stores.UserAccess) 
    } 
}