sigonasr2/EquationsBuilder
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

setup setters.

Browse Source
This commit is contained in:
sigonasr2, Sig, Sigo 2021-12-14 16:27:42 +00:00
parent 0d575f7caa
commit b4ff202cf9
1 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
equations/src/App.js
View File

@ -7,16 +7,30 @@ function EquationGroup(p) {
const [myArr,setMyArr] = useState(arr) const [myArr,setMyArr] = useState(arr)
useEffect(()=>{
var eqArr = [...equation]
eqArr[id] = [...myArr]
setEquation(eqArr)
},[myArr])
return <> return <>
<span style={{fontSize:"24"}}>(</span> <span style={{fontSize:"24px"}}>(</span>
{arr.map((eq,i)=>Array.isArray(eq)?<EquationGroup equation={myArr} setEquation={setMyArr} data={data} arr={eq} key={i} id={i}/>:eq==="×"||eq==="-"||eq==="+"||eq==="÷"?<EquationOperator equation={myArr} setEquation={setMyArr} data={data} operator={eq} key={i} id={i}/>:<EquationValue equation={myArr} setEquation={setMyArr} data={data} val={eq} key={i} id={i}/>)} {arr.map((eq,i)=>Array.isArray(eq)?<EquationGroup equation={myArr} setEquation={setMyArr} data={data} arr={eq} key={i} id={i}/>:eq==="×"||eq==="-"||eq==="+"||eq==="÷"?<EquationOperator equation={myArr} setEquation={setMyArr} data={data} operator={eq} key={i} id={i}/>:<EquationValue equation={myArr} setEquation={setMyArr} data={data} val={eq} key={i} id={i}/>)}
<span style={{fontSize:"24"}}>)</span> <span style={{fontSize:"24px"}}>)</span>
</> </>
} }
function EquationOperator(p) { function EquationOperator(p) {
const {equation,setEquation,data,operator,key,id} = p const {equation,setEquation,data,operator,key,id} = p
const [op,setOp] = useState(operator)
useEffect(()=>{
var eqArr = [...equation]
eqArr[id] = op
setEquation(eqArr)
},[op])
return <> return <>
{operator} {operator}
</> </>
@ -25,9 +39,19 @@ function EquationOperator(p) {
function EquationValue(p) { function EquationValue(p) {
const {equation,setEquation,data,val,key,id} = p const {equation,setEquation,data,val,key,id} = p
return <> const [item,setItem] = useState(val)
useEffect(()=>{
var eqArr = [...equation]
eqArr[id] = item
setEquation(eqArr)
},[item])
return <div style={{display:"inline-block",border:"1px solid black"}}>
{val}
<br/>
{data[val]} {data[val]}
</> </div>
} }
function Equation(p) { function Equation(p) {