我正在尝试对不同类的按钮实现这样的替换 - 代码优化。它适用于一个人，但不适用于我，资源管理器不会进行替代，它只是在浏览器中添加条件。告诉我如何解决它？
function Button({type, title, disable, onclick}) {
return (
<button className={'btn ${type === "add" && "add")||(type === "remove" && "remove")||(type === "checkout" && "checkout"}'}
disable={disable}
onclick={onclick}
>{title}
</button>
);}
export default Button;