concent

concent

  • Docs
  • API
  • ChangeLog
  • GitHub

›顶层api

顶层api

  • run
  • configure
  • cloneModule
  • register
  • connect
  • connectDumb
  • emit
  • emitWith
  • dispatch
  • getState
  • getGlobalState
  • getComputed
  • setState
  • setGlobalState
  • call
  • execute
  • executeAll

通用类型解释

  • HandlerCtx
  • CcFragmentCtx
  • WatchFn

实例上下文api

  • ctx.dispatch
  • ctx.invoke
  • ctx.setState
  • ctx.setModuleState
  • ctx.setGlobalState
  • ctx.computed
  • ctx.watch
  • ctx.syncBool
  • ctx.set
  • ctx.emit
  • ctx.on
  • ctx.off

CcFragment api

  • Fifth Document

通用api

  • dispatch

连接


connect和register功能一样,都是将你的react累组注册为cc类,不同点在于,connect注册的类不属于任意你定义的业务模块,而属于默认内置的$$default模块。

函数签名定义

connect(
  ccClassKey:string,
  connectSpec?:{
    [module:string]?:'*' | string[],
  }
)

如何使用

import { connect } from 'concent';

@connect('Foo', {foo:'*', bar:'*'})
class Foo extends Component{
  render(){
    // 打印:{for:{...}, bar:{...}}
    console.log(this.$$connectedState);
  }
}

何时使用

  • 当你的类业务上不属于任何模块,只是想同时消费多个模块的数据时
  • 当你不希望你的类的state被concent注入数据时

在线示例

示例1

← registerconnectDumb →
  • 函数签名定义
  • 如何使用
  • 何时使用
  • 在线示例
    • 示例1
Copyright © 2019 concentjs.org