connect 修饰器

说明

connect 是一个方法,用于连接一个 “状态实例” 与 “React 组件”

import { connect } from 'bbx';

// 状态实例
const user = new User();

// React 组件
class App extends React.Component{}

// 连接 user 跟 App,返回一个 React 组件(HOC)
App = connect(user)(App)

为了方便,更多情况下,可使用 修饰器 的方式:

@connect(user)
class App extends React.Component {}

使用 connect 连接 “状态实例” 与 “React 组件” 后,当 “状态实例” 调用 this.setState 更新状态后,对应的 “React 组件” 也会更新。

更多

  • 示例只 connect 了一个实例,实际上,你可根据需求 connect 多个实例:
@connect(hello, user, custom)
  • 注意,不要使用 connect 去连接一个 React.PureComponent
Last Updated: 8/23/2018, 9:21:11 PM