Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, { useState } from "react";
- import ReactDOM from "react-dom";
- import Switch from "@material-ui/core/Switch";
- import "./styles.css";
- function App(props) {
- const initialFormState = {
- datRev: "01/05/2019",
- empRev: "1",
- numCad: "5",
- numEmp: "1",
- obsRev: "ReactJS done!",
- sitRev: "1",
- tipCol: "1",
- tipEqp: "10",
- tipSvc: "100",
- cheklist: {
- "": "",
- "": "",
- "": "",
- "": ""
- },
- codCkl: "4",
- sitCkl: "N",
- selPro: "S",
- obsCkl: "obs insomina"
- };
- const [equipRev, setEquipRevisao] = useState(initialFormState);
- const [checkedA, setCheckedA] = useState(false);
- const handleChange = nameChecked => event => {
- const { name, value } = event.target;
- setCheckedA({ [nameChecked]: event.target.checked });
- if (event.target.checked === true) {
- console.log("True: " + event.target.checked);
- const value = "S";
- } else {
- console.log("False: " + event.target.checked);
- const value = "N";
- }
- console.log("Value: " + value);
- setEquipRevisao({ ...equipRev, [name]: value });
- console.log("sitCkl: " + equipRev.sitCkl);
- };
- return (
- <div className="App">
- <h1>Hello CodeSandbox</h1>
- <h2>Start editing to see some magic happen!</h2>
- <Switch
- name="sitCkl"
- checked={props.checkedA}
- onChange={handleChange("checkedA")}
- value={equipRev.sitCkl}
- />
- </div>
- );
- }
- const rootElement = document.getElementById("root");
- ReactDOM.render(<App />, rootElement);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement