fix(step-challenge): Fix duplicate keys in Step

This commit is contained in:
Stuart Taylor
2017-12-23 11:53:34 +00:00
parent 21a5201e22
commit def690b282

View File

@ -177,13 +177,13 @@ export class StepChallenge extends PureComponent {
step,
stepBackward,
stepForward
}) {
}, index) {
if (!Array.isArray(step)) {
return null;
}
const [imgUrl, imgAlt, info, action] = step;
return (
<div key={ imgUrl }>
<div key={ `${imgUrl}-step-wrapper-${index}` }>
<a
href={ imgUrl }
onClick={ clickOnImage }
@ -241,8 +241,8 @@ export class StepChallenge extends PureComponent {
if (!Array.isArray(steps)) {
return null;
}
return steps.map(([ imgUrl, imgAlt ]) => (
<div key={ imgUrl }>
return steps.map(([ imgUrl, imgAlt ], index) => (
<div key={ `${imgUrl}-images-wrapper-${index}` }>
<Image
alt={ imgAlt }
responsive={ true }