function 部分不运行

Question

单击按钮时我有这个 function 但由于某种原因它在 if 语句之前停止。

这是 javascript：

    const nextStep = (e) => {

        e.preventDefault();
        console.log('click')
        let value = e.target.value;
        console.log(value);
        props.setAge(value);
        console.log('set props');

        if(value === 'Yes' && navBarData.isMedicare !== true){

            console.log('went into true')
            //if yes -> continue to medicare routes -> Leave default navbar data
            props.updateMedicareNavBarData();
            console.log('updated medicare prop')
            navigate('/enrolled')
            console.log('nav')

        }  else if (value === 'No' && navBarData.isHealth !== true) {
            //if no -> health care routes -> use health navvar data
            console.log('went into no')
            props.updateHealthNavBarData();
             navigate('/coverage-time')
        }

    }

这是按钮：

<div className=" leading-5 buttonBlock">
                                {buttons.map((button) => (
                                    <button
                                        className="chooseButton border border-blue-500 rounded text-blue-500 hover:bg-blue-500 hover:text-white hover:shadow-lg hover:shadow-blue-500/50 transition duration-200 font-bold"
                                        key={button.key}
                                        id={button.id}
                                        value={button.value}
                                        onClick={nextStep}
                                    >
                                        {button.title}
                                    </button>
                                ))}
                            </div>

最后是我的控制台日志：

click - Age.jsx:20 
Yes - Age.jsx:22 
set props - 

如您所见，我在 if 语句中有控制台日志，但没有发生，知道为什么会发生这种情况吗？

Answer 1

最有可能的是， if语句和else if语句都是错误的。 做一个else语句，在控制台上打印一些东西。 如果它确实打印了，那么上面的两个条件都是错误的——如果它由于某种原因没有打印（这不太可能），那么可能还有另一个问题。 不过，如果我们来到它，我们可以越过那座桥。