在 React 实现的计算器中，当用户连续点击“+”、“−”、“×”、“÷”等运算符时，应仅保留最后一次点击的运算符，而非拼接或报错；关键在于优化 chooseOperation 逻辑，避免冗余计算并确保状态精准更新。
在 react 实现的计算器中，当用户连续点击“+”、“−”、“×”、“÷”等运算符时，应仅保留最后一次点击的运算符，而非拼接或报错；关键在于优化 `chooseoperation` 逻辑，避免冗余计算并确保状态精准更新。
要实现“连续点击运算符时自动替换当前运算符”的行为（例如：先点 + 再点 ×，则最终生效的是 ×），核心问题不在于额外维护运算符字符串、也不需正则替换或截取操作——而在于重新审视 chooseOperation 的触发时机与状态更新逻辑。
原始代码中，chooseOperation 在 previous !== "" 时强制执行 this.compute()，这会导致：
✅ 第一次点击 + → 正确设置 operation: "+", previous: current, current: ""；
❌ 第二次立即点击 × → 因 previous 已有值且 current === ""，compute() 被调用，但此时 current 为空，计算无意义，且 operation 未被及时更新为 ×。
正确解法是：仅当 previous 和 current 均非空时才执行计算，从而允许用户在输入数字后切换运算符，也支持“数字 → 运算符1 → 运算符2”这种连续操作，并自然覆盖旧运算符：
chooseOperation = (op) => {
const { previous, current, operation } = this.state;
// ✅ 仅当已有前值和当前值时才执行计算（避免空 current 导致异常）
if (previous !== "" && current !== "") {
this.compute();
}
// ✅ 无论 previous 是否为空，都用最新 op 替换 operation
// previous 优先取 current（即刚输入的数字），若 current 为空则保留原 previous（如连续按运算符场景）
this.setState((prevState) => ({
operation: op,
previous: prevState.current === "" ? prevState.previous : prevState.current,
current: "",
}));
};
该实现具备以下优势：
-
无副作用：不引入新 state 字段，完全复用现有
operation、previous、current； -
行为符合直觉：
12 + → −→ 自动变为12 −，后续输入数字即按减法计算； -
健壮性高：
current === ""时不会覆盖previous，保障连续按运算符的安全性； -
与
compute解耦：compute仍专注数值运算，逻辑职责清晰。
⚠️ 注意事项：
- 确保
compute()方法内部对current和previous的parseFloat结果做isNaN校验（你已实现，很好）； -
delete和appendNumber中对"0"的处理需保持一致（如防止"00"或"0."），但这与运算符替换无关； - UI 层建议禁用连续快速点击的视觉反馈延迟（可加
button:active或防抖），但非逻辑必需。
总结：运算符连续点击的“替换”本质是状态更新时机的修正，而非字符串操作。通过收紧 compute() 触发条件 + 明确 previous 的赋值逻辑，即可用最少改动达成最符合用户预期的行为。
