我試圖創建一個功能，將用戶導航到未禁用的步驟，并跳過禁用的步驟。
我撰寫了以下代碼，但它的行為不像我想要的那樣。
假設當前步驟是步驟 5 的預期行為：
在按鈕上單擊步驟 5 到步驟 3 在按鈕上單擊步驟 3 到步驟 1
但目前的行為是這樣的：
在按鈕上單擊步驟 5 到步驟 1
我想讓回圈在第 3 步停止，我試圖添加一個斷點，但這并沒有解決它，我已經沒有想法了
const steps = [
{ title: 'Step 1', id: 'stp1', disabled: false, },
{ title: 'Step 2', id: 'stp2', disabled: true, },
{ title: 'Step 3', id: 'stp3', disabled: false, },
{ title: 'Step 4', id: 'stp4', disabled: true, },
{ title: 'Step 5', id: 'stp5', disabled: false, },
]
const [currentStepIndex, setCurrentStepIndex] = useState(4);
const getPreviousSelectableStep = () => {
const steps = args.steps
let stepIndex = currentStepIndex
if ((stepIndex > 0) && steps[stepIndex - 1].disabled === true) {
for (var i = steps.length - 1; i >= 0; i--) {
if (steps[i].disabled === false) {
setCurrentStepIndex(i)
setCurrentStepId(steps[i].id)
break
}
}
} else if (stepIndex > 0) {
setCurrentStepIndex(stepIndex - 1)
setCurrentStepId(steps[stepIndex - 1].id)
}
}
uj5u.com熱心網友回復：
在您的情況下，從而不是從 endif開始回圈。startIndex - 1steps.length - 1
if (stepIndex > 0 && steps[stepIndex - 1].disabled === true) {
for (var i = stepIndex - 1; i >= 0; i--) {
if (steps[i].disabled === false) {
setCurrentStepIndex(i);
setCurrentStepId(steps[i].id);
break;
}
}
} else if (stepIndex > 0) {
setCurrentStepIndex(stepIndex - 1);
setCurrentStepId(steps[stepIndex - 1].id);
}
uj5u.com熱心網友回復：
function getPrevStep(number)
{
let data = steps.filter(x => !x.disabled).reverse()
return data[data.findIndex(x => x.id == "stp" number) 1]
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/463827.html
標籤：javascript 反应
下一篇：如何在單擊選擇選項時更改顯示類