import React,{useState} from 'react';
import { BigNumber } from "bignumber.js";
import styled from 'styled-components';
const Calculate = () => {
const [state, setState] = useState({
currentNum: '',
numA: '',
operate: '',
numB: '',
result: ''
})
function updateCurrent(e) {
setState({
...state,
currentNum: e.target.value
})
}
function handleItem(icon) {
switch (icon) {
case "=": {
if (state.currentNum === '') {
break;
}
setState({
...state,
numB: state.currentNum,
currentNum: ''
});
getResult(state.numA, state.currentNum);
break;
}
case "C": {
setState({
...state,
numA: '',
numB: '',
operate: '',
result: '',
currentNum: ''
});
break;
}
case "D": {
if (state.currentNum === '' && state.operate !== '' && state.numA !== '') {
setState({
...state,
operate: '',
currentNum: state.numA
});
break;
}
setState({
...state,
currentNum: state.currentNum.slice(0, -1)
});
if (state.result !== '') {
setState({
React函数式组件实现计算器
于 2022-03-22 15:39:17 首次发布
本文介绍了如何利用React的函数式组件来实现一个简单的计算器应用。通过实例代码,详细讲解了如何处理用户输入、计算逻辑以及组件状态管理,帮助读者掌握React函数组件的基本用法。
摘要由CSDN通过智能技术生成