不能使用Ant Design禁用Step(动态)

时间:2019-09-17 22:36:49

标签: reactjs antd ant-design-pro

未禁用“步骤”按钮。我要禁用它。

return Object.keys(props.quiz).length> 0 ? 
        <div>
            <Steps size="small" current={0} onChange={props.onChange}>
                    {
                        props.quiz.questions.map(item => 
                           <Step key={item.id} disabled/>
                    }
            </Steps>
       </div>

以下结果:

enter image description here

2 个答案:

答案 0 :(得分:0)

disabled属性在每个Step上都能正常工作

以下是更新的示例,其中在数组https://codesandbox.io/s/naughty-hooks-70mpd?fontsize=14

中包含动态disabled字段

请注意,您不需要写disabled={true},因为disabled是速记。 我认为**是您的重点,而不是代码的一部分。

答案 1 :(得分:0)

我采用了Damian代码并将其动态化,没有任何问题。 您可以在此处查看:https://codesandbox.io/s/mutable-microservice-51dhh

请确保您使用的是最新的antd版本,如果仍然遇到任何困难,请尝试单独重现该错误(在codeandbox中创建一个项目以显示错误)。