Redux (todo 업데이트)

설치

yarn add redux react-redux

let store = createStore( ()=> return(
                       	[{id:0, name:'', etc:0}]
                       ))

import {Provider} from 'react-redux'

<Provider></Provider>

로 데이터 공유를 원하는 곳을 감싸준다

예시

//_app.js
import '../styles/globals.css'



function MyApp({ Component, pageProps }) {
  return (
    <div>
    	<Provider store={store}>
    		<Component {...pageProps} />
		</Provider>
	</div>
	)
}

export default MyApp

사용예시

//test.js
import { connect } from 'react-redux'
//중략
//export default test 대신 아랫줄
function state를props화(){
	return(
    	myProps:state //state를 프롭스화
    )
}

export default conenct(받아온데이터)(test)