## 入门概念 ### State ~~~ const state = { data: { content: 'hello ', input: '' } } ~~~ * state很简单，可以理解为是应用的数据部分 * 引擎内部状态的存储结构是immutable类型 * 每次状态变化会通知view,重新render ### Action ~~~ onChange = (e) => { this.metaAction.sf({ 'data.input': e.target.value }) console.log(this.base.getState('data.input')) } ~~~ * action可以理解为是一些提供给ui调用的函数 ### View ~~~ const view = { component: 'div', className: 'hello', children: [{ component: 'div', children: '{{data.content + data.input}}' }, { component: 'input', placeholder: 'world', value: '{{data.input}}', onChange: '{{$onChange}}' }] } ~~~ * view是用json化表示react组件 * component是react组件名 * 详细参见后面高级概念