## 入門概念 ### 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組件名 * 詳細參見后面高級概念