Javascript can';t使用Ant Design(动态)禁用步骤

Javascript can';t使用Ant Design(动态)禁用步骤,javascript,reactjs,antd,Javascript,Reactjs,Antd,未禁用步骤按钮。我想禁用它 return Object.keys(props.quiz).length> 0 ? <div> <Steps size="small" current={0} onChange={props.onChange}> { props.quiz.questions.map(item =>

未禁用步骤按钮。我想禁用它

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>
返回对象.键(道具.测验).长度>0?
{
道具.测验.问题.地图(项目=>
}
结果如下:


禁用的
属性在每个
步骤中都能正常工作

下面是一个更新的示例,其中数组中有一个动态
禁用的
字段:

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

我采用了Damian代码,并使其动态化,没有任何问题。 您可以在这里查看:


确保您使用的是最新的antd版本,如果仍然有任何困难,请尝试单独复制错误(在codesandbox中创建一个项目以显示错误).

yes!**是重点,但当我尝试动态使用步骤时..disabled不起作用,因此我需要在disabled选项中设置一个条件,如disabled={my_var}有任何答案帮助吗?