Reactjs 如何在typescript（tsx）中使用@inject of mobx和react

这是我的商店代码：

export  default class welcome {
    @observable username= "asd";
}

和my component.tsx：一个简单的div组件，想要显示欢迎用户名的值

@inject("welcome")
@observer

export default class WelcomePage extends React.Component<any,any> {

render() {
    console.log(this.props.welcome.username)
    return <div>
        {this.props.welcome.username}
        <button >123213</button>
        hello react!</div>

}
}

我的条目：

render(<Provider welcome={welcome}>
    <Router routes={routes} history={browserHistory}/>
    </Provider>,
    document.getElementById('app')
)

当我调试或记录this.props.welcome.username时，它是未定义的。如何修复此问题或如何在typescript tsx中使用@inject of mobx，我在github上阅读了一些演示/示例：

---

它们都使用{key:value}来注入props.not@injectanotation。

我现在知道为什么了，因为store必须是一个对象。我传递了一个类。类是一个函数。函数是对象。我现在知道为什么了，因为存储必须是对象。我传递了一个类。类是一个函数。函数是一个对象。