我是ReactJS的新手.我想禁用更新按钮,如果邮政编码长度小于5或零.
let zipCodeButton = true;
function zipCodeChange(event) {
if (event.target.value.length === 5 && event.target.value !== "00000") {
zipCodeButton = false;
}
}
// function isDisabled() {
// return zipCodeButton;
// }
//const [zipCode, zipCodeChange] = useState("");
const NavigationUtilityZipCode = () => (
<input type="text" id="zip-code-header" className="body-medium" maxLength={5} onChange={zipCodeChange} onKeyDown={(event) => {
if (!/[0-9]/.test(event.key) && event.code != "ArrowLeft" && event.code != "ArrowRight" && event.code != "Backspace" && event.code != "Delete" && event.code != "Tab") {
event.preventDefault();
}
}} />
<Button jcrTitle="Update Zip Code" primary={false} disabled={zipCodeButton} id="handle-update-zip-code-click"></Button>
);
export default NavigationUtilityZipCode;