GitHub
TwitterViewModel
Provide a constructor function that provides values and methods to the component. The constructor function is initialized with the props, and updated as the props change.
function(props)
A constructor function usually defined by DefineMap.extend or Map.extend that will be used to create a new observable instance accessible by the component.
import { Component } from 'react-view-model';
export default class AppComponent extends Component {
...
}
AppComponent.ViewModel = DefineMap.extend({
...
});
Parameters
- props
{Object}:The initial props that are passed to the component.
Returns
{Object}:
A new instance of the ViewModel.
Use
import React from 'react';
import { Component } from 'react-view-model';
import DefineMap from 'can-define/map/map';
export default class AppComponent extends Component {
render() {
return <div>{this.viewModel.name}</div>;
}
}
AppComponent.ViewModel = DefineMap.extend('AppVM', {
first: {
type: 'string',
value: 'Christopher'
},
last: {
type: 'string',
value: 'Baker'
},
name: {
get() {
return this.first + ' ' + this.last;
},
},
});