react-data-store,用于跨组件的数据共享,比redux更简单的单向数据流的使用
【可以使用es7的decorator很方便地将数据绑定到你的组件,如果使用这个特性,请引入babel相关内容
例子:
//创建一个store.js
import {createStore} from 'react-data-store'
export default createStore(setState=>({
key:0,
change(){
setState({key:1})
}
}))
//将这个store或者更多的store绑定数据到你的组件上
import store from './store.js'
import {withStore} from 'react-data-store'
@withStore({store})
export class extends React.Component{
render(){
return(
<div>
<div>{this.props.store.key}</div>
<button onClick={this.props.store.change}>Click me!</button>
</div>
)
}
}
文档:
下载地址