Package Exports

mota

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (mota) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

mota

mota 是一个「面向对象」的、支持「双向绑定」的 react 状态管理库。

安装

npm i mota --save

示例

定义模型

export default class User {
  firstName = 'jack';
  lastName = 'hou';
  get fullName(){
    reutrn `${this.firstName} ${this.lastName}`;
  }
}

关联到组件

import { model,binding } from 'mota';
import React from 'react';
import ReactDOM from 'react-dom';
import User from './user';

@model(User)
@binding
class App extends React.Component {
  render(){
    return <div>
      <p>{this.model.fullName}</p>
      <p>
        <input data-bind="firstName"/>
        <br/>
        <input data-bind="lastName"/>
      </p>
    </div>;
  }
}

ReactDOM.render(<App/>, mountNode);

文档

绝大多数情况下，仅需 @model 一个 api 就够了，通过 @model 可用为组件注入 model。同时，可以使用 @binding 启用双向绑定，启用后可在 jsx 中通过 data-bind 进行绑定。