在 React 实现的计算器中，当用户连续点击“+”、“−”、“×”、“÷”等运算符时，应仅保留最后一次点击的运算符，而非拼接或报错；关键在于优化 chooseOperation 方法，避免重复计算并确保 operation 状态及时、准确地覆盖更新。
在 react 实现的计算器中，当用户连续点击“+”、“−”、“×”、“÷”等运算符时，应仅保留最后一次点击的运算符，而非拼接或报错；关键在于优化 `chooseoperation` 方法，避免重复计算并确保 `operation` 状态及时、准确地覆盖更新。
实现“连续点击运算符时替换而非追加”的核心逻辑，不在于对 operation 字符串做正则替换或截取（易引发边界问题），而在于重新审视状态流转时机与条件。原代码中 chooseOperation 的判断逻辑 if (previous !== "") { this.compute(); } 存在缺陷：它仅在 previous 非空时触发计算，但未考虑 current 为空（例如刚按完 = 或刚输入运算符）的场景，导致连续按运算符时旧 operation 未被清除，新运算符无法正确接管。
✅ 正确做法是：只要 current 有有效值（非空且可参与运算），就先执行 compute() 完成上一步计算；随后无条件将 operation 更新为最新操作符，并将 previous 设为当前显示值（即 current），同时清空 current 以等待下一数字输入。
以下是优化后的 chooseOperation 方法（已适配现代 React 类组件写法，并增强健壮性）：
chooseOperation = (op) => {
const { previous, current, operation } = this.state;
// ✅ 关键修复：当 current 有实际数值（如 "5"、"3.14"）时，才执行计算
// 避免 current 为空字符串或 "0" 时误触发计算
if (previous !== "" && current !== "" && !isNaN(parseFloat(current))) {
this.compute();
}
// ✅ 无条件更新 operation，并合理设置 previous：
// 若 current 为空（如刚清空或连续点运算符），previous 保持不变；
// 否则 previous 应更新为当前输入的数字（作为下一次运算的左操作数）
this.setState((prevState) => ({
operation: op,
previous: prevState.current === "" ? prevState.previous : prevState.current,
current: "",
}));
};? 注意事项与最佳实践：
- 不要尝试用字符串操作（如
replace()或slice()）动态修改operation状态——operation应始终是单一符号（"+"、"×"），而非表达式字符串（如"5 + 3 ×"），后者属于previous的职责范畴； -
compute()方法本身不应负责清理operation，它的任务是执行运算并重置状态；operation的更新应由用户交互（即chooseOperation）原子化完成； - 建议在
appendNumber中补充对前导零和空状态的处理，防止current出现"00"或""导致parseFloat("") === NaN，影响compute()判断； - 若后续扩展支持负号（如
"−5"）或括号，需额外设计符号解析层，但基础运算符替换逻辑仍适用本方案。
该方案无需新增 state 字段、不破坏现有计算流，且完全兼容 clear、delete、appendNumber 等已有功能，是简洁、可靠、符合计算器直觉行为的标准解法。
