سجاد نوری
5 سال پیش توسط سجاد نوری مطرح شد
3 پاسخ

اپدیت شدن 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 به روز میشه.


ثبت پرسش جدید
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
0

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


سجاد نوری
تخصص : توسعه دهنده
@sajjad.n98 5 سال پیش مطرح شد
0

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


حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
0

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام