'react-redux'

import React,{Component,Fragment} from "react";
import {connect} from "react-redux"
//import {mapStateToProps,mapDispatchToProps} from "./OneState"
class One extends Component{
	render(){
		let {n} = this.props
		return <Fragment>
			<button onClick={this.props.add.bind(this)}>{n}</button>
		</Fragment>
	}
}

/*function One(props){
	let {n} = props
	return <Fragment>
			<button onClick={props.add.bind(this)}>{n}</button>
		</Fragment>
}*/
const mapStateToProps=(state)=>{
	var {...state} = state.numRuducer
	return {n:state.n}
}
const mapDispatchToProps=(dispatch)=>{
	return {
		add(){
			dispatch({
				type:"ADD"
			})
		}
	}
}
export default connect(mapStateToProps,mapDispatchToProps)(One)

import React,{Component,Fragment} from 'react';
import One from './components/One';
import {Provider} from 'react-redux';
import store from './store';
class App extends Component{
	constructor(props){
		super(props)
	}
	render(){
		return <Fragment>
			<Provider store = {store}>
				<One />
			</Provider>
		</Fragment>
	}
}

export default App;