# react-data-store

react-data-store is a state manager for React

##installation

	npm install --save react-data-store
	
##How it works

It will map your store properties to component

First,Create one of store.js

```js
import {createStore} from 'react-data-store'

export default createStore(setState=>{
	return {
		name:"toy",
		info:{
			thumb:null
		},
		login(id,pass){
			setState({name:"other"})
		}	
	}
})
```

then, bind it to your component.js

```js
import React from 'react'
import store from './store.js'
import {withStore} from 'react-data-store'

@withStore({store})
class Main extends React.Component{
	render(){
		let {key,onchange}=this.props.store
		return(
			<div>
				<div>{key}</div>
				<button onClick={onchange}>Click me!</button>
			</div>
		)
	}
}

export default Main
```



##If with pure function Component

```js
const Main=withStore({store})(props=>(
	<div>
		<div>{props.key}</div>
		<button onClick={props.onchange}>Click me!</button>
	</div>
))
```