score:1

@inject('clockstore')
@observer
class app extends component<any, any> {
    render(){
        return <clock data={ mobx.tojs( this.props.clockstore.data } }></clock>
    }
}

or

class clockstore {
    @observable data = [
        {id: "hour", value: "00"},
        {id: "min", value: "00"},
        {id: "second", value: "00"},
    ];

    getdata(){
        return tojs( this.data );
    }

    @action
    update(id, value){
        this.data.find(item => item.id === id).value = value;
    }
}
@inject('clockstore')
@observer
class app extends component<any, any> {
    render(){
        console.log( 'app' );


        return <clock data={this.props.clockstore.getdata()}></clock>
    }
}

Related Query

More Query from same tag