equation parts spanning.

main
sigonasr2, Sig, Sigo 3 years ago
parent 9353856555
commit 764e6d7787
  1. 28
      equations/src/App.js

@ -3,18 +3,36 @@ import {useEffect,useState} from 'react';
import './App.css'; import './App.css';
function Equation(p) { function Equation(p) {
const {data} = p
const [operator,setOperator] = useState("disabled") const [operator,setOperator] = useState("disabled")
const [val,setVal] = useState(0) const [field,setField] = useState(0)
return <>val</> return <><select>
{Object.keys(data).map((key)=><option>{key}</option>)}
</select></>
}
function EquationBuilder(p) {
const {data} = p
const [equationParts,setEquationParts] = useState([<Equation data={data}/>])
return <>
<button onClick={()=>{
setEquationParts([...equationParts,<Equation data={data}/>])}}>+</button>
<br/><br/>
{equationParts.map((eq)=>eq)}</>
} }
function App() { function App() {
const fieldData = {
data1:84,
data2:49,
data3:3.5,
data4:67
}
return ( return (
<div className="App"> <div className="App">
<header className="App-header"> <EquationBuilder data={fieldData}/>
<Equation/>
</header>
</div> </div>
); );
} }

Loading…
Cancel
Save