Hacktoberfest 2026：维护者为十月标记出来的 issue，仍然开放、适合新手。 浏览 Hacktoberfest issue

Single steps are not rendered

未关闭
  • 哪里不对？
#256 6 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
42/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
javascript, nextjs, react
领域
frontend

调研方向

从提供的 React 18 和 Next.js 12.3 复现开始，对比水平和垂直 Steps 示例。跟踪 Steps wrapper 如何处理其 Step 子元素；当只有一个 Step 的子元素能在两个示例中渲染，且不会使所示的多 Step 行为发生回归时，即完成。

由索引模型根据 Issue 内容生成。

描述

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

主要语言
TypeScript
星标
332
派生
107
平均合并
1 小时 48 分钟
30 天内合并 PR
1

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue，再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库，在一个分支上完成修改。
  4. 提交 Pull Request，并在描述里引用这个 Issue 编号。

react-component/steps 的其他 Issue

查看 react-component/steps 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。