Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Single steps are not rendered

Abierto
#256 6 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
42/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript, nextjs, react
Área
frontend

Línea de trabajo

Comienza con la reproducción proporcionada de React 18 y Next.js 12.3, comparando los ejemplos de Steps horizontal y vertical. Sigue cómo el wrapper de Steps gestiona sus hijos Step; el trabajo estará terminado cuando los hijos de un solo Step se rendericen en ambos ejemplos sin provocar regresiones en el comportamiento mostrado de varios Steps.

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

Descripción

React 18, Nextjs 12.3

import Steps from 'rc-steps';

import 'rc-steps/assets/index.css';


const { Step } = Steps;

const Tracking = () => {
  const [current, setCurrent] = useState(0);

  const onChange = (value) => {
    console.log('onChange:', current);
    setCurrent(value);
  };

  return (
    <>
      <Steps current={current} onChange={onChange}>
        <Step title="Step 1" description="This is a description." />
        <Step title="Step 2" description="This is a description." />
        <Step title="Step 3" description="This is a description." />
      </Steps>

      <Steps current={current} onChange={onChange} direction="vertical">
        <Step title="Step 1" description="This is a description." />
        <Step title="Step 2" description="This is a description." />
        <Step title="Step 3" description="This is a description." />
      </Steps>
    </>
  );
}

The single steps are not rendered within the Steps wrapper.
image

Lenguaje dominante
TypeScript
Estrellas
332
Forks
107
Merge medio
1 h 8 min
PR fusionados (30 d)
2

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

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.

Más de react-component/steps

Todos los issues de react-component/steps

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.