Bonjour, j'utilise Immuteble Map pour l'état et lorsque j'essaie maspStateToProps, j'ai cette erreur.
Violation invariante non détectée:
mapStateToProps
doit renvoyer un objet. A la place a reçu la carte {}.
Voici mon code:
Composant:
const mapStateToProps = (state) => {
return state
}
class LoanCalculator extends React.Component{
componentWillMount(){
this.dispatch(loadConstraints());
}
render(){
return (
<div>
<h1> Loan Calculator </h1>
<SlidersBox {...this.props}/>
</div>
)
}
}
LoanCalculator = connect(
mapStateToProps
)(LoanCalculator)
export default LoanCalculator
RÉDUCTEUR
import { Map } from 'immutable'
import {LOAD_CONSTRAINTS, SET_AMOUNT_VALUE, SET_TERM_VALUE} from "../actions/actions";
const initialState = new Map();
export default function calculator(state = initialState, action){
switch (action.type){
case LOAD_CONSTRAINTS:
return state.set("constraints", action.constraints)
case SET_AMOUNT_VALUE:
return state.set("selectedAmount", action.amount)
case SET_TERM_VALUE:
return state.set("selectedTerm", action.term)
default:
return state
}
}
Ce problème github couvre ce problème exact: https://github.com/reactjs/react-redux/issues/6 .
Vous pouvez extraire manuellement les valeurs souhaitées de votre carte dans votre fonction mapStateToProps:
const mapStateToProps = (state) => {
return {
constraints: state.get('constraints'),
selectedAmount: state.get('selectedAmount'),
selectedTerm: state.get('selectedTerm'),
};
}