white-bull

 
import React from 'react'
import {render} from 'react-dom'
 
import {connection, dispatch, Module} from 'white-bull'
 
class Hello extends React.Component{
  render(){
    //say 自动绑定到props上
    let {say} = this.props;
    return <div>{say.text}</div>
  }
}
 
// extends Module
class HelloModule extends Module {
  constructor(namespace){
    super(namespace)
    this.state = {
      text:"hello world"
    }
  }
}
 
//把 HelloModule 中的 state 绑定到 Hello 的 props.say 中
let App = connection(Hello, new HelloModule("say"));
 
render(<App/>, document.getElementById("#root"));
 
 

 
  class HelloModule extends Module{
    constructor(namespace){
      super(namespace)
      //default props
      this.state = {
 
      }
    }
    //....
    update(){
      //update state
      this.setState({
 
      })
    }
  }
 

 
  class Hello extends React.Component{
    render(){
      // this.props.hello
    }
  }
 
  connection(Hello, new HelloModule("hello"))
 

  //这里触发了相当于调用了 new HelloModule("hello") 这个实例的 .update(arg1, arg2)方法
  dispatch("hello.update", arg1, arg2);