reactjs - 如何将自定义组件添加到 Ant Design Stepper 中？

Question

我是 AntD 新手，在使用步进器组件时遇到了一些问题 - 具体来说，如何将自定义组件添加到每个步骤中。

例如，

const steps = [
  {
    title: 'First',
    content: 'First-content',
  },
  {
    title: 'Second',
    content: 'Second-content',
  },
  {
    title: 'Last',
    content: 'Last-content',
  },
];

为了简单起见，如果我要使用自动完成组件，那就是:

{
  title: 'First',
  content: '<Autocomplete />',
},

到目前为止还没有运气。如有任何建议，我们将不胜感激。

Answer 1

Steps.Step 中没有内容 .

您可能尝试在 Steps 中渲染自定义组件，那么您需要提供 ReactNode 而不是 string 类型:

<Steps>
  <Steps.Step> title="Finished" description={<AutoComplete/>} />
</Steps>

都提到了in the docs ，我相信您需要的是 basics of React.