Boosting the Order Details Page

Background

Diving Deeper

const mapStateToProps = (state) => { 
return {
testVariants : state.featureReducer.testVariants.map(
(t) => state.featureReducer.testVariantByFeature[t]
)
}
}

useEffect to the Rescue

const mapStateToProps = (state) => { 
return {
testVariants : state.featureReducer.testVariants,
testVariantByFeature : state.featureReducer.testVariantByFeature
}
}
   const { testVariants, testVariantByFeature } = props; 
const [ finalTestVariants, setFinalTestVariants] = useState([]);
useEffect(()=>{
setFinalTestVariants(()=>{
return testVariants.map(
(t) => testVariantByFeature[t]
)
});
}, [testVariants, testVariantByFeature]);

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store