سلام، وقت شما بخیر
من یک 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 به روز میشه.
سلام خوب شما نباید به این شکل اطلاعات رو از store بگیرید !
از redux دارید استفاده میکنید درسته ؟
پس از connect و mapStateToProps باید استفاده کنید
@hesammousavi
خب طرز استفاده از connect و mapStateToProps و خوب متوجه نشدم. توی این کامپوننت چطور باید ازشون استفاده کنم؟
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟