react hook

react hookの理解

正直、新しい書き方が多くてしんどい

カウンターアプリを作成

createSlice

一括で、reducer、actionなどを作成できるらしい

## 定義
const counter = createSlice({
  name: 'counter',
  initialState: 0,
  reducers: {
    incrementCount (state,action) {
      return state += 1
    },
    decrementCount (state,action) {
      return state -= 1
    }
  }
})

##  storeと連携

const store = createStore(counter2.reducer)


## actionの利用

export const { incrementCount, decrementCount} = counter.actions;

Providor

Appに連携

ReactDOM.render(
  <Provider store={store}>
    <App/>
  </Provider>,
  document.getElementById('root')
);