import { useState } from 'react';
import './App.css';
import Button from './components/Button';
import { Input } from './components/input';
import * as math from 'mathjs';
import Header from '../src/components/Header';

const App=()=> {
  const buttons= [
 {id:7,symbol:"7"},{id:8,symbol:"8"},{id:9,symbol:"9"}]

  const buttons2=[{id:4,symbol:"4"},{id:5,symbol:"5"},{id:6,symbol:"6"},{id:'+',symbol:"+"}]
  
  const buttons3=[{id:1,symbol:"1"},{id:2,symbol:"2"},{id:3,symbol:"3"},{id:'-',symbol:"-"}]

  const buttons4=[{id:'.',symbol:"."},{id:0,symbol:"0"},{id:'/',symbol:"/"},{id:'*',symbol:"x"}

]

  const[text,setText]=useState("");
  const[result,setResult]=useState("");

  const addToText=(val)=>{
    setText((text)=>[...text, val+" "]);
  }

  const resetInput=()=>{
    setText("");
    setResult("");
  }   

 

  const calculateResult=()=>{
    try{
  const input=text.join("");
  setResult(math.evaluate(input));

  
}catch(err){
setResult("Error")
}
  }

我已经尝试了不同的方法来解决这个问题，但仍然不知道为什么它不工作。请帮助。项目从前端导师。如果你需要更多的代码让我知道。谢谢你