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

- 1 هفته پیش
توسط حسام موسوی آپدیت شد
سجاد نوری ( 120 تجربه )
1 هفته پیش
تخصص : برنامه نویس و طراح وب

سلام، وقت شما بخیر
من یک 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 به روز میشه.

حسام موسوی ( 204834 تجربه )
1 هفته پیش
تخصص : طراح و برنامه نویس

سلام خوب شما نباید به این شکل اطلاعات رو از store بگیرید !
از redux دارید استفاده میکنید درسته ؟
پس از connect و mapStateToProps باید استفاده کنید

سجاد نوری ( 120 تجربه )
1 هفته پیش
تخصص : برنامه نویس و طراح وب

@hesammousavi
خب طرز استفاده از connect و mapStateToProps و خوب متوجه نشدم. توی این کامپوننت چطور باید ازشون استفاده کنم؟

حسام موسوی ( 204834 تجربه )
1 هفته پیش
تخصص : طراح و برنامه نویس

در مستندات redux هست یا میتونید از دوره آموزشی راکت در مورد redux هست استفاده کنید

برای ارسال پاسخ باید وارد سایت شوید