gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Stuart Taylor
2017-12-23 11:53:34 +00:00
parent 21a5201e22
commit def690b282
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
common/app/routes/Challenges/views/step/Step.jsx
View File

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