Здравствуйте, вопрос по React и Redux к мотерым разработчикам, зачем использовать middleWare? Могу ли я делать так?
Код контейнера
import component from '../components/cost';
import {changeRequestStateToSuccess, changeRequestStateToLoaded, changeCostValue} from "../actions/costActions";
function checkDataForCalculation(data) {
return !!(data.country && data.dateOfBirth && data.startDate && data.endDate);
}
function calculateCost(dispatch, data) {
if (checkDataForCalculation(data)) {
dispatch(changeRequestStateToLoaded());
let promise = fetch('/webpack/php/calc.php');
promise
.then(function (response) {
let prms = response.text();
prms.then(function (resp) {
let cost = JSON.parse(resp).cost;
dispatch(changeRequestStateToSuccess());
dispatch(changeCostValue(cost));
});
});
}
}
function mapStateToProps(state) {
return {
cost: state.cost.value,
costRequestStatus: state.cost.requestState,
data: state.data
}
}
function mapDispatchToProps(dispatch) {
return {
sendRequestForCostCalculation: (data) => {
calculateCost(dispatch, data);
}
}
}
export default connect(
mapStateToProps,
mapDispatchToProps
)(component)
Код компонента представления
export default class Cost extends React.Component {
getRequestState() {
return (this.props.costRequestStatus == 'success') ? 'Цена усешно расчитана' :
(this.props.costRequestStatus == 'error') ? 'Ошибка расчета' :
(this.props.costRequestStatus == 'loaded') ? 'Цена расчитывается' :
'Цена не запрашивалась';
}
render() {
return (
<div>
<span>{this.getRequestState()}</span>
<br/>
<span>{this.props.cost} руб.</span>
<button onClick={()=>{this.props.sendRequestForCostCalculation(this.props.data)}}>Расчитать</button>
</div>
)
}
}