reactjs / reactjs/react.dev

Warning about FooterLink keys in dev

Abierto
#472 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
JavaScript
Estrellas
11.8k
Forks
7.9k
Merge medio
1 d 11 h
PR fusionados (30 d)
11

Descripción

There is a warning in the browser console when running the project in development mode. The warning can be fixed by adding a key prop to FooterLink elements here and here. If this should be fixed I will submit a PR to do so.

Warning text:

index.js:2177 Warning: Each child in an array or iterator should have a unique "key" prop.

Check the render method of `Footer`. See https://fb.me/react-warning-keys for more information.
    in FooterLink (at Footer.js:67)
    in Footer (at index.js:69)
    in div (at index.js:45)
    in Template (at index.js:6)
    in _default (created by ComponentRenderer)
    in ComponentRenderer (created by Route)
    in Route (created by withRouter(ComponentRenderer))
    in withRouter(ComponentRenderer) (created by Root)
    in ScrollContext (created by Route)
    in Route (created by withRouter(ScrollContext))
    in withRouter(ScrollContext) (created by Root)
    in Router (at root.js:143)
    in DefaultRouter (created by Root)
    in Root (at app.js:45)
    in AppContainer (at app.js:44)

Steps to reproduce:

  1. Checkout master branch
  2. Run yarn dev
  3. Navigate to localhost:8000 and look in the browser console

Browser: Chrome 63
OS: MacOS 10.13.1

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Abre src/components/LayoutFooter/Footer.js en los elementos FooterLink de las líneas 67 y 115, luego ejecuta yarn dev y visita localhost:8000. Confirma que la consola del navegador ya no muestra la advertencia sobre la ausencia de una clave única.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
javascript, react
Área
frontend
Tipo de issue
Error
Dificultad
1/5
Tiempo estimado
Menos de una hora
Estado de actividad
Estancado
Claridad
Bien especificado
Aptitud para principiantes
55/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.