根据布尔值更新按钮类型

Question

我想知道是否可以根据布尔值更新"submit"和"button"之间的按钮type：form?.hasErrors)

这是我的代码：

const btnType = () => {
if (form?.hasErrors) {
return "submit";
}
return "button";
};
return (
<>
<StyledButton
onClick={!form?.hasErrors() ? handleShowModal : undefined}
type={btnType()}
>
Search
</StyledButton>
);

我基本上只是想确保如果表单有错误，按钮类型设置为"提交"，如果没有，它将设置为"按钮"(默认)。

Answer 1

我不知道你为什么要这个。但我认为你可以使用它。

<StyledButton
onClick={!form?.hasErrors() ? handleShowModal : undefined}
type={form?.hasErrors() ? "submit": "button"}
>
Search
</StyledButton>