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}有任何答案帮助吗?