اپدیت شدن Component با هر بار اجرای توابع

سلام، وقت شما بخیر
من یک Component دارم به این شکل:

import React, { Component } from "react";
import { createStore } from "redux";  
import { connect } from "react-redux";  
import counter from "../reducers";

const store = createStore(  
counter,  
window.**REDUX\_DEVTOOLS\_EXTENSION** && window.**REDUX\_DEVTOOLS\_EXTENSION**()  
);

class Counter extends Component {  
render() {  
const value = store.getState();  
const onIncrement = () => {  
store.dispatch({ type: "INCREMENT" });  
console.log(value);  
};  
const onDecrement = () => {  
store.dispatch({ type: "DECREMENT" });  
console.log(value);  
};  
return (  
<div>  
<h1>Redux Method: </h1>  
<h2>Count: {value}</h2>  
<button className="btn btn-success mr-3" onClick={onIncrement}>  
Incerement  
</button>  
<button className="btn btn-warning" onClick={onDecrement}>  
Decrement  
</button>  
</div>  
);  
}  
}

export default Counter;

میخوام با هر بار اجرا شدن توابع onIncrement و onDecrement مقدار value در component هم به روز بشه... در حال حاضر فقط توی redux dev tools به روز میشه.