From 6dbef0f8f8095d3056cdbffc6f5b967e4ce11709 Mon Sep 17 00:00:00 2001 From: zigzagdev Date: Fri, 5 Aug 2022 22:01:49 +0900 Subject: [PATCH 1/5] add_useEffect_method --- .eslintcache | 1 + src/App.js | 9 ++++++--- src/components/HookCounterOne.js | 18 ++++++++++++++++++ src/components/HookMouse.js | 25 +++++++++++++++++++++++++ 4 files changed, 50 insertions(+), 3 deletions(-) create mode 100644 .eslintcache create mode 100644 src/components/HookCounterOne.js create mode 100644 src/components/HookMouse.js diff --git a/.eslintcache b/.eslintcache new file mode 100644 index 0000000..aefd2bf --- /dev/null +++ b/.eslintcache @@ -0,0 +1 @@ +[{"/Users/ogiwaramasatoshi/ReactPractice/src/index.js":"1","/Users/ogiwaramasatoshi/ReactPractice/src/App.js":"2","/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js":"3","/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js":"4","/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js":"5","/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js":"6","/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js":"7","/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js":"8","/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js":"9","/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js":"10","/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js":"11","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js":"12","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js":"13","/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js":"14","/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js":"15","/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js":"16","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js":"17","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js":"18","/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js":"19","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js":"20","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js":"21","/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js":"22","/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js":"23","/Users/ogiwaramasatoshi/React.training/src/index.js":"24","/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js":"25","/Users/ogiwaramasatoshi/React.training/src/App.js":"26","/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js":"27","/Users/ogiwaramasatoshi/React.training/src/components/Greet.js":"28","/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js":"29","/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js":"30"},{"size":500,"mtime":1611136676035,"results":"31","hashOfConfig":"32"},{"size":4302,"mtime":1613479982073,"results":"33","hashOfConfig":"32"},{"size":362,"mtime":1611136676036,"results":"34","hashOfConfig":"32"},{"size":164,"mtime":1611322453240,"results":"35","hashOfConfig":"32"},{"size":205,"mtime":1611323259102,"results":"36","hashOfConfig":"32"},{"size":167,"mtime":1612444416336,"results":"37","hashOfConfig":"32"},{"size":205,"mtime":1612789029547,"results":"38","hashOfConfig":"39"},{"size":223,"mtime":1612443509079,"results":"40","hashOfConfig":"32"},{"size":850,"mtime":1612791202217,"results":"41","hashOfConfig":"32"},{"size":475,"mtime":1612791938116,"results":"42","hashOfConfig":"32"},{"size":367,"mtime":1612791923406,"results":"43","hashOfConfig":"32"},{"size":304,"mtime":1612877128356,"results":"44","hashOfConfig":"32"},{"size":496,"mtime":1612877186558,"results":"45","hashOfConfig":"32"},{"size":229,"mtime":1612878139159,"results":"46","hashOfConfig":"32"},{"size":200,"mtime":1612962380227,"results":"47","hashOfConfig":"32"},{"size":576,"mtime":1612963401215,"results":"48","hashOfConfig":"32"},{"size":370,"mtime":1613475184463,"results":"49","hashOfConfig":"32"},{"size":706,"mtime":1613475231325,"results":"50","hashOfConfig":"32"},{"size":667,"mtime":1613396873363,"results":"51","hashOfConfig":"32"},{"size":267,"mtime":1613479945594,"results":"52","hashOfConfig":"32"},{"size":277,"mtime":1613479165554,"results":"53","hashOfConfig":"32"},{"size":192,"mtime":1613478272571,"results":"54","hashOfConfig":"32"},{"size":505,"mtime":1613479945589,"results":"55","hashOfConfig":"32"},{"size":500,"mtime":1634311114405,"results":"56","hashOfConfig":"57"},{"size":362,"mtime":1634311114405,"results":"58","hashOfConfig":"57"},{"size":700,"mtime":1659691984851,"results":"59","hashOfConfig":"57"},{"size":166,"mtime":1659531739911,"results":"60","hashOfConfig":"57"},{"size":730,"mtime":1659533116059,"results":"61","hashOfConfig":"57"},{"size":597,"mtime":1659593506943,"results":"62","hashOfConfig":"57"},{"size":595,"mtime":1659704487382,"results":"63","hashOfConfig":"57"},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},"n3itvi",{"filePath":"67","messages":"68","errorCount":0,"warningCount":7,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"69","messages":"70","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"71","messages":"72","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"73","messages":"74","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"75","messages":"76","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"77","usedDeprecatedRules":"78"},{"filePath":"79","messages":"80","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"3ag8f0",{"filePath":"81","messages":"82","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"83","messages":"84","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"85","messages":"86","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"87","messages":"88","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"89","messages":"90","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"91","messages":"92","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"93","messages":"94","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"95","messages":"96","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"97"},{"filePath":"98","messages":"99","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"97"},{"filePath":"100","messages":"101","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"102","messages":"103","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"104","messages":"105","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"106","messages":"107","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"108","messages":"109","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"110","messages":"111","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"112","messages":"113","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"114","messages":"115","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"116"},"5277pf",{"filePath":"117","messages":"118","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"116"},{"filePath":"119","messages":"120","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"121","messages":"122","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"123","messages":"124","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"125","messages":"126","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"127","messages":"128","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/ogiwaramasatoshi/ReactPractice/src/index.js",[],["129","130"],"/Users/ogiwaramasatoshi/ReactPractice/src/App.js",["131","132","133","134","135","136","137"],"/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js",["138"],"import React from 'react'\n\nfunction Columns() {\n const items = []\n return(\n <>\n Name\n Shit\n \n\n )\n}\n\nexport default Columns ;",["139","140"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js",[],["141","142"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js",[],"/Users/ogiwaramasatoshi/React.training/src/index.js",[],["143","144"],"/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/React.training/src/App.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js",[],{"ruleId":"145","replacedBy":"146"},{"ruleId":"147","replacedBy":"148"},{"ruleId":"149","severity":1,"message":"150","line":7,"column":8,"nodeType":"151","messageId":"152","endLine":7,"endColumn":16},{"ruleId":"149","severity":1,"message":"153","line":8,"column":8,"nodeType":"151","messageId":"152","endLine":8,"endColumn":18},{"ruleId":"149","severity":1,"message":"154","line":9,"column":8,"nodeType":"151","messageId":"152","endLine":9,"endColumn":15},{"ruleId":"149","severity":1,"message":"155","line":10,"column":8,"nodeType":"151","messageId":"152","endLine":10,"endColumn":21},{"ruleId":"149","severity":1,"message":"156","line":13,"column":8,"nodeType":"151","messageId":"152","endLine":13,"endColumn":20},{"ruleId":"149","severity":1,"message":"157","line":14,"column":8,"nodeType":"151","messageId":"152","endLine":14,"endColumn":20},{"ruleId":"149","severity":1,"message":"158","line":17,"column":8,"nodeType":"151","messageId":"152","endLine":17,"endColumn":12},{"ruleId":"149","severity":1,"message":"159","line":4,"column":9,"nodeType":"151","messageId":"152","endLine":4,"endColumn":14},{"ruleId":"145","replacedBy":"160"},{"ruleId":"147","replacedBy":"161"},{"ruleId":"145","replacedBy":"162"},{"ruleId":"147","replacedBy":"163"},{"ruleId":"145","replacedBy":"164"},{"ruleId":"147","replacedBy":"165"},"no-native-reassign",["166"],"no-negated-in-lhs",["167"],"no-unused-vars","'RefsDemo' is defined but never used.","Identifier","unusedVar","'FocusInput' is defined but never used.","'FRInput' is defined but never used.","'FRParentInput' is defined but never used.","'ClickCounter' is defined but never used.","'HoverCounter' is defined but never used.","'User' is defined but never used.","'items' is assigned a value but never used.",["166"],["167"],["166"],["167"],["166"],["167"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file diff --git a/src/App.js b/src/App.js index 9d2da79..2adbbba 100644 --- a/src/App.js +++ b/src/App.js @@ -1,15 +1,18 @@ import React, { Component } from 'react' import './App.css' import Greet from './components/Greet' -import Welcome from "./components/Welcome"; - +// import Welcome from "./components/Welcome"; +// import HookCounterOne from "./components/HookCounterOne"; +import HookMouse from "./components/HookMouse"; class App extends Component{ render() { return(
- + {/**/} + + {/**/}
); } diff --git a/src/components/HookCounterOne.js b/src/components/HookCounterOne.js new file mode 100644 index 0000000..ffa7538 --- /dev/null +++ b/src/components/HookCounterOne.js @@ -0,0 +1,18 @@ +import React, {useState, useEffect} from "react"; + +const HookCounterOne = () => { + const [count, setCount] = useState(0); + const [name, setName] = useState(""); + useEffect(() => { + console.log('you fuck you asshole !!') + document.title = `You clicked ${count} times` + }, [count]) + return( +
+ setName(e.target.value)} type="text" value={name}/> + + +
+ ) +} +export default HookCounterOne; \ No newline at end of file diff --git a/src/components/HookMouse.js b/src/components/HookMouse.js new file mode 100644 index 0000000..e3dd610 --- /dev/null +++ b/src/components/HookMouse.js @@ -0,0 +1,25 @@ +import React, { useState, useEffect } from "react"; + +const HookMouse = () => { + const [x, setX] = useState(0); + const [y, setY] = useState(0); + + const f = (e) => { + setX(e.clientX) + setY(e.clientY) + } + + useEffect(() => { + console.log('moving~~~~') + window.addEventListener('mousemove', f); + }) + return( +
+ Hooks - {x} {y} +
+ ) +} +export default HookMouse; + +// Firstly,clientX and clientY is a javascript method which is used for MouseEvent and provides the horizontal +// coordinate within the application's viewport .So, can't alternative other word. \ No newline at end of file From 874018ea18353dd367b3b695856b80bf309e71c4 Mon Sep 17 00:00:00 2001 From: zigzagdev Date: Sat, 6 Aug 2022 15:07:57 +0900 Subject: [PATCH 2/5] useeffect_unmount_method_add --- .eslintcache | 2 +- src/App.js | 4 +++- src/components/HookMouse.js | 10 ++++++++-- src/components/MouseContainer.js | 13 +++++++++++++ 4 files changed, 25 insertions(+), 4 deletions(-) create mode 100644 src/components/MouseContainer.js diff --git a/.eslintcache b/.eslintcache index aefd2bf..5863b9d 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"/Users/ogiwaramasatoshi/ReactPractice/src/index.js":"1","/Users/ogiwaramasatoshi/ReactPractice/src/App.js":"2","/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js":"3","/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js":"4","/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js":"5","/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js":"6","/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js":"7","/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js":"8","/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js":"9","/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js":"10","/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js":"11","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js":"12","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js":"13","/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js":"14","/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js":"15","/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js":"16","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js":"17","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js":"18","/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js":"19","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js":"20","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js":"21","/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js":"22","/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js":"23","/Users/ogiwaramasatoshi/React.training/src/index.js":"24","/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js":"25","/Users/ogiwaramasatoshi/React.training/src/App.js":"26","/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js":"27","/Users/ogiwaramasatoshi/React.training/src/components/Greet.js":"28","/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js":"29","/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js":"30"},{"size":500,"mtime":1611136676035,"results":"31","hashOfConfig":"32"},{"size":4302,"mtime":1613479982073,"results":"33","hashOfConfig":"32"},{"size":362,"mtime":1611136676036,"results":"34","hashOfConfig":"32"},{"size":164,"mtime":1611322453240,"results":"35","hashOfConfig":"32"},{"size":205,"mtime":1611323259102,"results":"36","hashOfConfig":"32"},{"size":167,"mtime":1612444416336,"results":"37","hashOfConfig":"32"},{"size":205,"mtime":1612789029547,"results":"38","hashOfConfig":"39"},{"size":223,"mtime":1612443509079,"results":"40","hashOfConfig":"32"},{"size":850,"mtime":1612791202217,"results":"41","hashOfConfig":"32"},{"size":475,"mtime":1612791938116,"results":"42","hashOfConfig":"32"},{"size":367,"mtime":1612791923406,"results":"43","hashOfConfig":"32"},{"size":304,"mtime":1612877128356,"results":"44","hashOfConfig":"32"},{"size":496,"mtime":1612877186558,"results":"45","hashOfConfig":"32"},{"size":229,"mtime":1612878139159,"results":"46","hashOfConfig":"32"},{"size":200,"mtime":1612962380227,"results":"47","hashOfConfig":"32"},{"size":576,"mtime":1612963401215,"results":"48","hashOfConfig":"32"},{"size":370,"mtime":1613475184463,"results":"49","hashOfConfig":"32"},{"size":706,"mtime":1613475231325,"results":"50","hashOfConfig":"32"},{"size":667,"mtime":1613396873363,"results":"51","hashOfConfig":"32"},{"size":267,"mtime":1613479945594,"results":"52","hashOfConfig":"32"},{"size":277,"mtime":1613479165554,"results":"53","hashOfConfig":"32"},{"size":192,"mtime":1613478272571,"results":"54","hashOfConfig":"32"},{"size":505,"mtime":1613479945589,"results":"55","hashOfConfig":"32"},{"size":500,"mtime":1634311114405,"results":"56","hashOfConfig":"57"},{"size":362,"mtime":1634311114405,"results":"58","hashOfConfig":"57"},{"size":700,"mtime":1659691984851,"results":"59","hashOfConfig":"57"},{"size":166,"mtime":1659531739911,"results":"60","hashOfConfig":"57"},{"size":730,"mtime":1659533116059,"results":"61","hashOfConfig":"57"},{"size":597,"mtime":1659593506943,"results":"62","hashOfConfig":"57"},{"size":595,"mtime":1659704487382,"results":"63","hashOfConfig":"57"},{"filePath":"64","messages":"65","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},"n3itvi",{"filePath":"67","messages":"68","errorCount":0,"warningCount":7,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"69","messages":"70","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"71","messages":"72","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"73","messages":"74","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"75","messages":"76","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"77","usedDeprecatedRules":"78"},{"filePath":"79","messages":"80","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"3ag8f0",{"filePath":"81","messages":"82","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"83","messages":"84","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"85","messages":"86","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"87","messages":"88","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"89","messages":"90","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"91","messages":"92","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"93","messages":"94","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"95","messages":"96","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"97"},{"filePath":"98","messages":"99","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"97"},{"filePath":"100","messages":"101","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"102","messages":"103","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"104","messages":"105","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"106","messages":"107","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"108","messages":"109","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"110","messages":"111","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"112","messages":"113","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"66"},{"filePath":"114","messages":"115","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"116"},"5277pf",{"filePath":"117","messages":"118","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"116"},{"filePath":"119","messages":"120","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"121","messages":"122","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"123","messages":"124","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"125","messages":"126","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"127","messages":"128","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/ogiwaramasatoshi/ReactPractice/src/index.js",[],["129","130"],"/Users/ogiwaramasatoshi/ReactPractice/src/App.js",["131","132","133","134","135","136","137"],"/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js",["138"],"import React from 'react'\n\nfunction Columns() {\n const items = []\n return(\n <>\n Name\n Shit\n \n\n )\n}\n\nexport default Columns ;",["139","140"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js",[],["141","142"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js",[],"/Users/ogiwaramasatoshi/React.training/src/index.js",[],["143","144"],"/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/React.training/src/App.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js",[],{"ruleId":"145","replacedBy":"146"},{"ruleId":"147","replacedBy":"148"},{"ruleId":"149","severity":1,"message":"150","line":7,"column":8,"nodeType":"151","messageId":"152","endLine":7,"endColumn":16},{"ruleId":"149","severity":1,"message":"153","line":8,"column":8,"nodeType":"151","messageId":"152","endLine":8,"endColumn":18},{"ruleId":"149","severity":1,"message":"154","line":9,"column":8,"nodeType":"151","messageId":"152","endLine":9,"endColumn":15},{"ruleId":"149","severity":1,"message":"155","line":10,"column":8,"nodeType":"151","messageId":"152","endLine":10,"endColumn":21},{"ruleId":"149","severity":1,"message":"156","line":13,"column":8,"nodeType":"151","messageId":"152","endLine":13,"endColumn":20},{"ruleId":"149","severity":1,"message":"157","line":14,"column":8,"nodeType":"151","messageId":"152","endLine":14,"endColumn":20},{"ruleId":"149","severity":1,"message":"158","line":17,"column":8,"nodeType":"151","messageId":"152","endLine":17,"endColumn":12},{"ruleId":"149","severity":1,"message":"159","line":4,"column":9,"nodeType":"151","messageId":"152","endLine":4,"endColumn":14},{"ruleId":"145","replacedBy":"160"},{"ruleId":"147","replacedBy":"161"},{"ruleId":"145","replacedBy":"162"},{"ruleId":"147","replacedBy":"163"},{"ruleId":"145","replacedBy":"164"},{"ruleId":"147","replacedBy":"165"},"no-native-reassign",["166"],"no-negated-in-lhs",["167"],"no-unused-vars","'RefsDemo' is defined but never used.","Identifier","unusedVar","'FocusInput' is defined but never used.","'FRInput' is defined but never used.","'FRParentInput' is defined but never used.","'ClickCounter' is defined but never used.","'HoverCounter' is defined but never used.","'User' is defined but never used.","'items' is assigned a value but never used.",["166"],["167"],["166"],["167"],["166"],["167"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file +[{"/Users/ogiwaramasatoshi/ReactPractice/src/index.js":"1","/Users/ogiwaramasatoshi/ReactPractice/src/App.js":"2","/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js":"3","/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js":"4","/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js":"5","/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js":"6","/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js":"7","/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js":"8","/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js":"9","/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js":"10","/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js":"11","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js":"12","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js":"13","/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js":"14","/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js":"15","/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js":"16","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js":"17","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js":"18","/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js":"19","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js":"20","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js":"21","/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js":"22","/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js":"23","/Users/ogiwaramasatoshi/React.training/src/index.js":"24","/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js":"25","/Users/ogiwaramasatoshi/React.training/src/App.js":"26","/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js":"27","/Users/ogiwaramasatoshi/React.training/src/components/Greet.js":"28","/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js":"29","/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js":"30","/Users/ogiwaramasatoshi/React.training/src/components/MouseContainer.js":"31"},{"size":500,"mtime":1611136676035,"results":"32","hashOfConfig":"33"},{"size":4302,"mtime":1613479982073,"results":"34","hashOfConfig":"33"},{"size":362,"mtime":1611136676036,"results":"35","hashOfConfig":"33"},{"size":164,"mtime":1611322453240,"results":"36","hashOfConfig":"33"},{"size":205,"mtime":1611323259102,"results":"37","hashOfConfig":"33"},{"size":167,"mtime":1612444416336,"results":"38","hashOfConfig":"33"},{"size":205,"mtime":1612789029547,"results":"39","hashOfConfig":"40"},{"size":223,"mtime":1612443509079,"results":"41","hashOfConfig":"33"},{"size":850,"mtime":1612791202217,"results":"42","hashOfConfig":"33"},{"size":475,"mtime":1612791938116,"results":"43","hashOfConfig":"33"},{"size":367,"mtime":1612791923406,"results":"44","hashOfConfig":"33"},{"size":304,"mtime":1612877128356,"results":"45","hashOfConfig":"33"},{"size":496,"mtime":1612877186558,"results":"46","hashOfConfig":"33"},{"size":229,"mtime":1612878139159,"results":"47","hashOfConfig":"33"},{"size":200,"mtime":1612962380227,"results":"48","hashOfConfig":"33"},{"size":576,"mtime":1612963401215,"results":"49","hashOfConfig":"33"},{"size":370,"mtime":1613475184463,"results":"50","hashOfConfig":"33"},{"size":706,"mtime":1613475231325,"results":"51","hashOfConfig":"33"},{"size":667,"mtime":1613396873363,"results":"52","hashOfConfig":"33"},{"size":267,"mtime":1613479945594,"results":"53","hashOfConfig":"33"},{"size":277,"mtime":1613479165554,"results":"54","hashOfConfig":"33"},{"size":192,"mtime":1613478272571,"results":"55","hashOfConfig":"33"},{"size":505,"mtime":1613479945589,"results":"56","hashOfConfig":"33"},{"size":500,"mtime":1634311114405,"results":"57","hashOfConfig":"58"},{"size":362,"mtime":1634311114405,"results":"59","hashOfConfig":"58"},{"size":791,"mtime":1659706504055,"results":"60","hashOfConfig":"58"},{"size":166,"mtime":1659531739911,"results":"61","hashOfConfig":"58"},{"size":730,"mtime":1659533116059,"results":"62","hashOfConfig":"58"},{"size":597,"mtime":1659593506943,"results":"63","hashOfConfig":"58"},{"size":731,"mtime":1659766063042,"results":"64","hashOfConfig":"58"},{"size":330,"mtime":1659706699717,"results":"65","hashOfConfig":"58"},{"filePath":"66","messages":"67","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},"n3itvi",{"filePath":"69","messages":"70","errorCount":0,"warningCount":7,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"71","messages":"72","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"73","messages":"74","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"75","messages":"76","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"77","messages":"78","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"79","usedDeprecatedRules":"80"},{"filePath":"81","messages":"82","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"3ag8f0",{"filePath":"83","messages":"84","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"85","messages":"86","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"87","messages":"88","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"89","messages":"90","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"91","messages":"92","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"93","messages":"94","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"95","messages":"96","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"97","messages":"98","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"99"},{"filePath":"100","messages":"101","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"99"},{"filePath":"102","messages":"103","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"104","messages":"105","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"106","messages":"107","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"108","messages":"109","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"110","messages":"111","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"112","messages":"113","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"114","messages":"115","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"116","messages":"117","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"118"},"5277pf",{"filePath":"119","messages":"120","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"118"},{"filePath":"121","messages":"122","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"123","messages":"124","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"125","messages":"126","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"127","messages":"128","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"129","messages":"130","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"131","messages":"132","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/ogiwaramasatoshi/ReactPractice/src/index.js",[],["133","134"],"/Users/ogiwaramasatoshi/ReactPractice/src/App.js",["135","136","137","138","139","140","141"],"/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js",["142"],"import React from 'react'\n\nfunction Columns() {\n const items = []\n return(\n <>\n Name\n Shit\n \n\n )\n}\n\nexport default Columns ;",["143","144"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js",[],["145","146"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js",[],"/Users/ogiwaramasatoshi/React.training/src/index.js",[],["147","148"],"/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/React.training/src/App.js",["149"],"/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/MouseContainer.js",[],{"ruleId":"150","replacedBy":"151"},{"ruleId":"152","replacedBy":"153"},{"ruleId":"154","severity":1,"message":"155","line":7,"column":8,"nodeType":"156","messageId":"157","endLine":7,"endColumn":16},{"ruleId":"154","severity":1,"message":"158","line":8,"column":8,"nodeType":"156","messageId":"157","endLine":8,"endColumn":18},{"ruleId":"154","severity":1,"message":"159","line":9,"column":8,"nodeType":"156","messageId":"157","endLine":9,"endColumn":15},{"ruleId":"154","severity":1,"message":"160","line":10,"column":8,"nodeType":"156","messageId":"157","endLine":10,"endColumn":21},{"ruleId":"154","severity":1,"message":"161","line":13,"column":8,"nodeType":"156","messageId":"157","endLine":13,"endColumn":20},{"ruleId":"154","severity":1,"message":"162","line":14,"column":8,"nodeType":"156","messageId":"157","endLine":14,"endColumn":20},{"ruleId":"154","severity":1,"message":"163","line":17,"column":8,"nodeType":"156","messageId":"157","endLine":17,"endColumn":12},{"ruleId":"154","severity":1,"message":"164","line":4,"column":9,"nodeType":"156","messageId":"157","endLine":4,"endColumn":14},{"ruleId":"150","replacedBy":"165"},{"ruleId":"152","replacedBy":"166"},{"ruleId":"150","replacedBy":"167"},{"ruleId":"152","replacedBy":"168"},{"ruleId":"150","replacedBy":"169"},{"ruleId":"152","replacedBy":"170"},{"ruleId":"154","severity":1,"message":"171","line":6,"column":8,"nodeType":"156","messageId":"157","endLine":6,"endColumn":17},"no-native-reassign",["172"],"no-negated-in-lhs",["173"],"no-unused-vars","'RefsDemo' is defined but never used.","Identifier","unusedVar","'FocusInput' is defined but never used.","'FRInput' is defined but never used.","'FRParentInput' is defined but never used.","'ClickCounter' is defined but never used.","'HoverCounter' is defined but never used.","'User' is defined but never used.","'items' is assigned a value but never used.",["172"],["173"],["172"],["173"],["172"],["173"],"'HookMouse' is defined but never used.","no-global-assign","no-unsafe-negation"] \ No newline at end of file diff --git a/src/App.js b/src/App.js index 2adbbba..aa9e434 100644 --- a/src/App.js +++ b/src/App.js @@ -4,6 +4,7 @@ import Greet from './components/Greet' // import Welcome from "./components/Welcome"; // import HookCounterOne from "./components/HookCounterOne"; import HookMouse from "./components/HookMouse"; +import MouseContainer from "./components/MouseContainer"; class App extends Component{ render() { @@ -11,7 +12,8 @@ class App extends Component{
{/**/} - + {/**/} + {/**/}
); diff --git a/src/components/HookMouse.js b/src/components/HookMouse.js index e3dd610..0ca1fae 100644 --- a/src/components/HookMouse.js +++ b/src/components/HookMouse.js @@ -12,7 +12,11 @@ const HookMouse = () => { useEffect(() => { console.log('moving~~~~') window.addEventListener('mousemove', f); - }) + return () => { + console.log('$$$$$$$$$$$'); + window.removeEventListener('mousemove', f); + } + }, []) return(
Hooks - {x} {y} @@ -22,4 +26,6 @@ const HookMouse = () => { export default HookMouse; // Firstly,clientX and clientY is a javascript method which is used for MouseEvent and provides the horizontal -// coordinate within the application's viewport .So, can't alternative other word. \ No newline at end of file +// coordinate within the application's viewport .So, can't alternative other word. + +// useEffect function \ No newline at end of file diff --git a/src/components/MouseContainer.js b/src/components/MouseContainer.js new file mode 100644 index 0000000..77fea50 --- /dev/null +++ b/src/components/MouseContainer.js @@ -0,0 +1,13 @@ +import React, { useState } from "react"; +import HookMouse from "./HookMouse"; + +const MouseContainer = () => { + const [display, setDisplay] = useState(true); + return( +
+ + {display && } +
+ ) +} +export default MouseContainer; \ No newline at end of file From c28aa985a008f47c5fbc61dbfcbe1087849b5484 Mon Sep 17 00:00:00 2001 From: zigzagdev Date: Sun, 7 Aug 2022 15:43:53 +0900 Subject: [PATCH 3/5] explanation_useeffect_mounting --- .eslintcache | 2 +- src/App.js | 2 ++ src/components/InterHookCounter.js | 25 +++++++++++++++++++++++++ 3 files changed, 28 insertions(+), 1 deletion(-) create mode 100644 src/components/InterHookCounter.js diff --git a/.eslintcache b/.eslintcache index 5863b9d..ac22f06 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"/Users/ogiwaramasatoshi/ReactPractice/src/index.js":"1","/Users/ogiwaramasatoshi/ReactPractice/src/App.js":"2","/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js":"3","/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js":"4","/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js":"5","/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js":"6","/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js":"7","/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js":"8","/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js":"9","/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js":"10","/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js":"11","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js":"12","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js":"13","/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js":"14","/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js":"15","/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js":"16","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js":"17","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js":"18","/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js":"19","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js":"20","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js":"21","/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js":"22","/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js":"23","/Users/ogiwaramasatoshi/React.training/src/index.js":"24","/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js":"25","/Users/ogiwaramasatoshi/React.training/src/App.js":"26","/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js":"27","/Users/ogiwaramasatoshi/React.training/src/components/Greet.js":"28","/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js":"29","/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js":"30","/Users/ogiwaramasatoshi/React.training/src/components/MouseContainer.js":"31"},{"size":500,"mtime":1611136676035,"results":"32","hashOfConfig":"33"},{"size":4302,"mtime":1613479982073,"results":"34","hashOfConfig":"33"},{"size":362,"mtime":1611136676036,"results":"35","hashOfConfig":"33"},{"size":164,"mtime":1611322453240,"results":"36","hashOfConfig":"33"},{"size":205,"mtime":1611323259102,"results":"37","hashOfConfig":"33"},{"size":167,"mtime":1612444416336,"results":"38","hashOfConfig":"33"},{"size":205,"mtime":1612789029547,"results":"39","hashOfConfig":"40"},{"size":223,"mtime":1612443509079,"results":"41","hashOfConfig":"33"},{"size":850,"mtime":1612791202217,"results":"42","hashOfConfig":"33"},{"size":475,"mtime":1612791938116,"results":"43","hashOfConfig":"33"},{"size":367,"mtime":1612791923406,"results":"44","hashOfConfig":"33"},{"size":304,"mtime":1612877128356,"results":"45","hashOfConfig":"33"},{"size":496,"mtime":1612877186558,"results":"46","hashOfConfig":"33"},{"size":229,"mtime":1612878139159,"results":"47","hashOfConfig":"33"},{"size":200,"mtime":1612962380227,"results":"48","hashOfConfig":"33"},{"size":576,"mtime":1612963401215,"results":"49","hashOfConfig":"33"},{"size":370,"mtime":1613475184463,"results":"50","hashOfConfig":"33"},{"size":706,"mtime":1613475231325,"results":"51","hashOfConfig":"33"},{"size":667,"mtime":1613396873363,"results":"52","hashOfConfig":"33"},{"size":267,"mtime":1613479945594,"results":"53","hashOfConfig":"33"},{"size":277,"mtime":1613479165554,"results":"54","hashOfConfig":"33"},{"size":192,"mtime":1613478272571,"results":"55","hashOfConfig":"33"},{"size":505,"mtime":1613479945589,"results":"56","hashOfConfig":"33"},{"size":500,"mtime":1634311114405,"results":"57","hashOfConfig":"58"},{"size":362,"mtime":1634311114405,"results":"59","hashOfConfig":"58"},{"size":791,"mtime":1659706504055,"results":"60","hashOfConfig":"58"},{"size":166,"mtime":1659531739911,"results":"61","hashOfConfig":"58"},{"size":730,"mtime":1659533116059,"results":"62","hashOfConfig":"58"},{"size":597,"mtime":1659593506943,"results":"63","hashOfConfig":"58"},{"size":731,"mtime":1659766063042,"results":"64","hashOfConfig":"58"},{"size":330,"mtime":1659706699717,"results":"65","hashOfConfig":"58"},{"filePath":"66","messages":"67","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},"n3itvi",{"filePath":"69","messages":"70","errorCount":0,"warningCount":7,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"71","messages":"72","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"73","messages":"74","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"75","messages":"76","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"77","messages":"78","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"79","usedDeprecatedRules":"80"},{"filePath":"81","messages":"82","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"3ag8f0",{"filePath":"83","messages":"84","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"85","messages":"86","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"87","messages":"88","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"89","messages":"90","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"91","messages":"92","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"93","messages":"94","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"95","messages":"96","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"97","messages":"98","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"99"},{"filePath":"100","messages":"101","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"99"},{"filePath":"102","messages":"103","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"104","messages":"105","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"106","messages":"107","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"108","messages":"109","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"110","messages":"111","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"112","messages":"113","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"114","messages":"115","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"68"},{"filePath":"116","messages":"117","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"118"},"5277pf",{"filePath":"119","messages":"120","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"118"},{"filePath":"121","messages":"122","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"123","messages":"124","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"125","messages":"126","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"127","messages":"128","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"129","messages":"130","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"131","messages":"132","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/ogiwaramasatoshi/ReactPractice/src/index.js",[],["133","134"],"/Users/ogiwaramasatoshi/ReactPractice/src/App.js",["135","136","137","138","139","140","141"],"/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js",["142"],"import React from 'react'\n\nfunction Columns() {\n const items = []\n return(\n <>\n Name\n Shit\n \n\n )\n}\n\nexport default Columns ;",["143","144"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js",[],["145","146"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js",[],"/Users/ogiwaramasatoshi/React.training/src/index.js",[],["147","148"],"/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/React.training/src/App.js",["149"],"/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/MouseContainer.js",[],{"ruleId":"150","replacedBy":"151"},{"ruleId":"152","replacedBy":"153"},{"ruleId":"154","severity":1,"message":"155","line":7,"column":8,"nodeType":"156","messageId":"157","endLine":7,"endColumn":16},{"ruleId":"154","severity":1,"message":"158","line":8,"column":8,"nodeType":"156","messageId":"157","endLine":8,"endColumn":18},{"ruleId":"154","severity":1,"message":"159","line":9,"column":8,"nodeType":"156","messageId":"157","endLine":9,"endColumn":15},{"ruleId":"154","severity":1,"message":"160","line":10,"column":8,"nodeType":"156","messageId":"157","endLine":10,"endColumn":21},{"ruleId":"154","severity":1,"message":"161","line":13,"column":8,"nodeType":"156","messageId":"157","endLine":13,"endColumn":20},{"ruleId":"154","severity":1,"message":"162","line":14,"column":8,"nodeType":"156","messageId":"157","endLine":14,"endColumn":20},{"ruleId":"154","severity":1,"message":"163","line":17,"column":8,"nodeType":"156","messageId":"157","endLine":17,"endColumn":12},{"ruleId":"154","severity":1,"message":"164","line":4,"column":9,"nodeType":"156","messageId":"157","endLine":4,"endColumn":14},{"ruleId":"150","replacedBy":"165"},{"ruleId":"152","replacedBy":"166"},{"ruleId":"150","replacedBy":"167"},{"ruleId":"152","replacedBy":"168"},{"ruleId":"150","replacedBy":"169"},{"ruleId":"152","replacedBy":"170"},{"ruleId":"154","severity":1,"message":"171","line":6,"column":8,"nodeType":"156","messageId":"157","endLine":6,"endColumn":17},"no-native-reassign",["172"],"no-negated-in-lhs",["173"],"no-unused-vars","'RefsDemo' is defined but never used.","Identifier","unusedVar","'FocusInput' is defined but never used.","'FRInput' is defined but never used.","'FRParentInput' is defined but never used.","'ClickCounter' is defined but never used.","'HoverCounter' is defined but never used.","'User' is defined but never used.","'items' is assigned a value but never used.",["172"],["173"],["172"],["173"],["172"],["173"],"'HookMouse' is defined but never used.","no-global-assign","no-unsafe-negation"] \ No newline at end of file +[{"/Users/ogiwaramasatoshi/ReactPractice/src/index.js":"1","/Users/ogiwaramasatoshi/ReactPractice/src/App.js":"2","/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js":"3","/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js":"4","/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js":"5","/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js":"6","/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js":"7","/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js":"8","/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js":"9","/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js":"10","/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js":"11","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js":"12","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js":"13","/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js":"14","/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js":"15","/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js":"16","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js":"17","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js":"18","/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js":"19","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js":"20","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js":"21","/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js":"22","/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js":"23","/Users/ogiwaramasatoshi/React.training/src/index.js":"24","/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js":"25","/Users/ogiwaramasatoshi/React.training/src/App.js":"26","/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js":"27","/Users/ogiwaramasatoshi/React.training/src/components/Greet.js":"28","/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js":"29","/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js":"30","/Users/ogiwaramasatoshi/React.training/src/components/MouseContainer.js":"31","/Users/ogiwaramasatoshi/React.training/src/components/InterHookCounter.js":"32"},{"size":500,"mtime":1611136676035,"results":"33","hashOfConfig":"34"},{"size":4302,"mtime":1613479982073,"results":"35","hashOfConfig":"34"},{"size":362,"mtime":1611136676036,"results":"36","hashOfConfig":"34"},{"size":164,"mtime":1611322453240,"results":"37","hashOfConfig":"34"},{"size":205,"mtime":1611323259102,"results":"38","hashOfConfig":"34"},{"size":167,"mtime":1612444416336,"results":"39","hashOfConfig":"34"},{"size":205,"mtime":1612789029547,"results":"40","hashOfConfig":"41"},{"size":223,"mtime":1612443509079,"results":"42","hashOfConfig":"34"},{"size":850,"mtime":1612791202217,"results":"43","hashOfConfig":"34"},{"size":475,"mtime":1612791938116,"results":"44","hashOfConfig":"34"},{"size":367,"mtime":1612791923406,"results":"45","hashOfConfig":"34"},{"size":304,"mtime":1612877128356,"results":"46","hashOfConfig":"34"},{"size":496,"mtime":1612877186558,"results":"47","hashOfConfig":"34"},{"size":229,"mtime":1612878139159,"results":"48","hashOfConfig":"34"},{"size":200,"mtime":1612962380227,"results":"49","hashOfConfig":"34"},{"size":576,"mtime":1612963401215,"results":"50","hashOfConfig":"34"},{"size":370,"mtime":1613475184463,"results":"51","hashOfConfig":"34"},{"size":706,"mtime":1613475231325,"results":"52","hashOfConfig":"34"},{"size":667,"mtime":1613396873363,"results":"53","hashOfConfig":"34"},{"size":267,"mtime":1613479945594,"results":"54","hashOfConfig":"34"},{"size":277,"mtime":1613479165554,"results":"55","hashOfConfig":"34"},{"size":192,"mtime":1613478272571,"results":"56","hashOfConfig":"34"},{"size":505,"mtime":1613479945589,"results":"57","hashOfConfig":"34"},{"size":500,"mtime":1634311114405,"results":"58","hashOfConfig":"59"},{"size":362,"mtime":1634311114405,"results":"60","hashOfConfig":"59"},{"size":882,"mtime":1659767512715,"results":"61","hashOfConfig":"59"},{"size":166,"mtime":1659531739911,"results":"62","hashOfConfig":"59"},{"size":730,"mtime":1659533116059,"results":"63","hashOfConfig":"59"},{"size":597,"mtime":1659593506943,"results":"64","hashOfConfig":"59"},{"size":731,"mtime":1659766063042,"results":"65","hashOfConfig":"59"},{"size":330,"mtime":1659706699717,"results":"66","hashOfConfig":"59"},{"size":767,"mtime":1659854601334,"results":"67","hashOfConfig":"59"},{"filePath":"68","messages":"69","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},"n3itvi",{"filePath":"71","messages":"72","errorCount":0,"warningCount":7,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"73","messages":"74","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"75","messages":"76","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"77","messages":"78","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"79","messages":"80","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"81","usedDeprecatedRules":"82"},{"filePath":"83","messages":"84","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"3ag8f0",{"filePath":"85","messages":"86","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"87","messages":"88","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"89","messages":"90","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"91","messages":"92","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"93","messages":"94","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"95","messages":"96","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"97","messages":"98","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"99","messages":"100","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"101"},{"filePath":"102","messages":"103","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"101"},{"filePath":"104","messages":"105","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"106","messages":"107","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"108","messages":"109","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"110","messages":"111","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"112","messages":"113","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"114","messages":"115","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"116","messages":"117","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"118","messages":"119","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"120"},"5277pf",{"filePath":"121","messages":"122","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"120"},{"filePath":"123","messages":"124","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"125","messages":"126","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"127","messages":"128","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"129","messages":"130","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"131","messages":"132","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"133","messages":"134","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"135","messages":"136","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/ogiwaramasatoshi/ReactPractice/src/index.js",[],["137","138"],"/Users/ogiwaramasatoshi/ReactPractice/src/App.js",["139","140","141","142","143","144","145"],"/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js",["146"],"import React from 'react'\n\nfunction Columns() {\n const items = []\n return(\n <>\n Name\n Shit\n \n\n )\n}\n\nexport default Columns ;",["147","148"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js",[],["149","150"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js",[],"/Users/ogiwaramasatoshi/React.training/src/index.js",[],["151","152"],"/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/React.training/src/App.js",["153"],"/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/MouseContainer.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/InterHookCounter.js",[],{"ruleId":"154","replacedBy":"155"},{"ruleId":"156","replacedBy":"157"},{"ruleId":"158","severity":1,"message":"159","line":7,"column":8,"nodeType":"160","messageId":"161","endLine":7,"endColumn":16},{"ruleId":"158","severity":1,"message":"162","line":8,"column":8,"nodeType":"160","messageId":"161","endLine":8,"endColumn":18},{"ruleId":"158","severity":1,"message":"163","line":9,"column":8,"nodeType":"160","messageId":"161","endLine":9,"endColumn":15},{"ruleId":"158","severity":1,"message":"164","line":10,"column":8,"nodeType":"160","messageId":"161","endLine":10,"endColumn":21},{"ruleId":"158","severity":1,"message":"165","line":13,"column":8,"nodeType":"160","messageId":"161","endLine":13,"endColumn":20},{"ruleId":"158","severity":1,"message":"166","line":14,"column":8,"nodeType":"160","messageId":"161","endLine":14,"endColumn":20},{"ruleId":"158","severity":1,"message":"167","line":17,"column":8,"nodeType":"160","messageId":"161","endLine":17,"endColumn":12},{"ruleId":"158","severity":1,"message":"168","line":4,"column":9,"nodeType":"160","messageId":"161","endLine":4,"endColumn":14},{"ruleId":"154","replacedBy":"169"},{"ruleId":"156","replacedBy":"170"},{"ruleId":"154","replacedBy":"171"},{"ruleId":"156","replacedBy":"172"},{"ruleId":"154","replacedBy":"173"},{"ruleId":"156","replacedBy":"174"},{"ruleId":"158","severity":1,"message":"175","line":6,"column":8,"nodeType":"160","messageId":"161","endLine":6,"endColumn":17},"no-native-reassign",["176"],"no-negated-in-lhs",["177"],"no-unused-vars","'RefsDemo' is defined but never used.","Identifier","unusedVar","'FocusInput' is defined but never used.","'FRInput' is defined but never used.","'FRParentInput' is defined but never used.","'ClickCounter' is defined but never used.","'HoverCounter' is defined but never used.","'User' is defined but never used.","'items' is assigned a value but never used.",["176"],["177"],["176"],["177"],["176"],["177"],"'HookMouse' is defined but never used.","no-global-assign","no-unsafe-negation"] \ No newline at end of file diff --git a/src/App.js b/src/App.js index aa9e434..7f2ba38 100644 --- a/src/App.js +++ b/src/App.js @@ -5,6 +5,7 @@ import Greet from './components/Greet' // import HookCounterOne from "./components/HookCounterOne"; import HookMouse from "./components/HookMouse"; import MouseContainer from "./components/MouseContainer"; +import InterHookCounter from "./components/InterHookCounter"; class App extends Component{ render() { @@ -15,6 +16,7 @@ class App extends Component{ {/**/} {/**/} +
); } diff --git a/src/components/InterHookCounter.js b/src/components/InterHookCounter.js new file mode 100644 index 0000000..cb515cb --- /dev/null +++ b/src/components/InterHookCounter.js @@ -0,0 +1,25 @@ +import React, { useState, useEffect } from "react"; + +const InterHookCounter = () => { + const [count, setCount] = useState(0); + const tick = () => { + setCount(prevcount => prevcount + 1) + } + useEffect(() => { + const intel = setInterval(tick, 1000); + return () => { + clearInterval(intel); + } + }, []) + return( +
+ {count} +
+ ) +} +export default InterHookCounter; + +// In useEffect method, this method can set two arguments. And setting a first argument, you can return +// clean up function for making unmounting state. This method can be used for like setting a timer or count +// something. Whether setting a second argument or not is depending on first argument and if it needed, set +// a square brackets as a second argument. \ No newline at end of file From 554d317483ad12cda0529238af3aaf89098c8f9f Mon Sep 17 00:00:00 2001 From: zigzagdev Date: Sat, 21 Jan 2023 16:13:58 +0900 Subject: [PATCH 4/5] gitIgnore_fix --- .gitignore | 1 + 1 file changed, 1 insertion(+) diff --git a/.gitignore b/.gitignore index 4d29575..c34006c 100644 --- a/.gitignore +++ b/.gitignore @@ -21,3 +21,4 @@ npm-debug.log* yarn-debug.log* yarn-error.log* +.eslintcache From 3023f4addcc22066bf9fbd71c88efda06dcba5af Mon Sep 17 00:00:00 2001 From: zigzagdev Date: Sun, 22 Jan 2023 12:29:56 +0900 Subject: [PATCH 5/5] cache_delete --- .eslintcache | 1 - 1 file changed, 1 deletion(-) delete mode 100644 .eslintcache diff --git a/.eslintcache b/.eslintcache deleted file mode 100644 index ac22f06..0000000 --- a/.eslintcache +++ /dev/null @@ -1 +0,0 @@ -[{"/Users/ogiwaramasatoshi/ReactPractice/src/index.js":"1","/Users/ogiwaramasatoshi/ReactPractice/src/App.js":"2","/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js":"3","/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js":"4","/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js":"5","/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js":"6","/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js":"7","/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js":"8","/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js":"9","/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js":"10","/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js":"11","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js":"12","/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js":"13","/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js":"14","/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js":"15","/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js":"16","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js":"17","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js":"18","/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js":"19","/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js":"20","/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js":"21","/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js":"22","/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js":"23","/Users/ogiwaramasatoshi/React.training/src/index.js":"24","/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js":"25","/Users/ogiwaramasatoshi/React.training/src/App.js":"26","/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js":"27","/Users/ogiwaramasatoshi/React.training/src/components/Greet.js":"28","/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js":"29","/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js":"30","/Users/ogiwaramasatoshi/React.training/src/components/MouseContainer.js":"31","/Users/ogiwaramasatoshi/React.training/src/components/InterHookCounter.js":"32"},{"size":500,"mtime":1611136676035,"results":"33","hashOfConfig":"34"},{"size":4302,"mtime":1613479982073,"results":"35","hashOfConfig":"34"},{"size":362,"mtime":1611136676036,"results":"36","hashOfConfig":"34"},{"size":164,"mtime":1611322453240,"results":"37","hashOfConfig":"34"},{"size":205,"mtime":1611323259102,"results":"38","hashOfConfig":"34"},{"size":167,"mtime":1612444416336,"results":"39","hashOfConfig":"34"},{"size":205,"mtime":1612789029547,"results":"40","hashOfConfig":"41"},{"size":223,"mtime":1612443509079,"results":"42","hashOfConfig":"34"},{"size":850,"mtime":1612791202217,"results":"43","hashOfConfig":"34"},{"size":475,"mtime":1612791938116,"results":"44","hashOfConfig":"34"},{"size":367,"mtime":1612791923406,"results":"45","hashOfConfig":"34"},{"size":304,"mtime":1612877128356,"results":"46","hashOfConfig":"34"},{"size":496,"mtime":1612877186558,"results":"47","hashOfConfig":"34"},{"size":229,"mtime":1612878139159,"results":"48","hashOfConfig":"34"},{"size":200,"mtime":1612962380227,"results":"49","hashOfConfig":"34"},{"size":576,"mtime":1612963401215,"results":"50","hashOfConfig":"34"},{"size":370,"mtime":1613475184463,"results":"51","hashOfConfig":"34"},{"size":706,"mtime":1613475231325,"results":"52","hashOfConfig":"34"},{"size":667,"mtime":1613396873363,"results":"53","hashOfConfig":"34"},{"size":267,"mtime":1613479945594,"results":"54","hashOfConfig":"34"},{"size":277,"mtime":1613479165554,"results":"55","hashOfConfig":"34"},{"size":192,"mtime":1613478272571,"results":"56","hashOfConfig":"34"},{"size":505,"mtime":1613479945589,"results":"57","hashOfConfig":"34"},{"size":500,"mtime":1634311114405,"results":"58","hashOfConfig":"59"},{"size":362,"mtime":1634311114405,"results":"60","hashOfConfig":"59"},{"size":882,"mtime":1659767512715,"results":"61","hashOfConfig":"59"},{"size":166,"mtime":1659531739911,"results":"62","hashOfConfig":"59"},{"size":730,"mtime":1659533116059,"results":"63","hashOfConfig":"59"},{"size":597,"mtime":1659593506943,"results":"64","hashOfConfig":"59"},{"size":731,"mtime":1659766063042,"results":"65","hashOfConfig":"59"},{"size":330,"mtime":1659706699717,"results":"66","hashOfConfig":"59"},{"size":767,"mtime":1659854601334,"results":"67","hashOfConfig":"59"},{"filePath":"68","messages":"69","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},"n3itvi",{"filePath":"71","messages":"72","errorCount":0,"warningCount":7,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"73","messages":"74","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"75","messages":"76","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"77","messages":"78","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"79","messages":"80","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"81","usedDeprecatedRules":"82"},{"filePath":"83","messages":"84","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"3ag8f0",{"filePath":"85","messages":"86","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"87","messages":"88","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"89","messages":"90","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"91","messages":"92","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"93","messages":"94","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"95","messages":"96","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"97","messages":"98","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"99","messages":"100","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"101"},{"filePath":"102","messages":"103","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"101"},{"filePath":"104","messages":"105","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"106","messages":"107","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"108","messages":"109","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"110","messages":"111","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"112","messages":"113","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"114","messages":"115","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"116","messages":"117","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"70"},{"filePath":"118","messages":"119","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"120"},"5277pf",{"filePath":"121","messages":"122","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"120"},{"filePath":"123","messages":"124","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"125","messages":"126","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"127","messages":"128","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"129","messages":"130","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"131","messages":"132","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"133","messages":"134","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"135","messages":"136","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/ogiwaramasatoshi/ReactPractice/src/index.js",[],["137","138"],"/Users/ogiwaramasatoshi/ReactPractice/src/App.js",["139","140","141","142","143","144","145"],"/Users/ogiwaramasatoshi/ReactPractice/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Columns.js",["146"],"import React from 'react'\n\nfunction Columns() {\n const items = []\n return(\n <>\n Name\n Shit\n \n\n )\n}\n\nexport default Columns ;",["147","148"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PureComp.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Table.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/RefsDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FocusInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Input.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/FRParentInput.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/PortalDemo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Hero.js",[],["149","150"],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ErrorBoundary.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/withCounter.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/ClickCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/HoverCounterTwo.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/User.js",[],"/Users/ogiwaramasatoshi/ReactPractice/src/components/Counter.js",[],"/Users/ogiwaramasatoshi/React.training/src/index.js",[],["151","152"],"/Users/ogiwaramasatoshi/React.training/src/reportWebVitals.js",[],"/Users/ogiwaramasatoshi/React.training/src/App.js",["153"],"/Users/ogiwaramasatoshi/React.training/src/components/Welcome.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/Greet.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookCounterOne.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/HookMouse.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/MouseContainer.js",[],"/Users/ogiwaramasatoshi/React.training/src/components/InterHookCounter.js",[],{"ruleId":"154","replacedBy":"155"},{"ruleId":"156","replacedBy":"157"},{"ruleId":"158","severity":1,"message":"159","line":7,"column":8,"nodeType":"160","messageId":"161","endLine":7,"endColumn":16},{"ruleId":"158","severity":1,"message":"162","line":8,"column":8,"nodeType":"160","messageId":"161","endLine":8,"endColumn":18},{"ruleId":"158","severity":1,"message":"163","line":9,"column":8,"nodeType":"160","messageId":"161","endLine":9,"endColumn":15},{"ruleId":"158","severity":1,"message":"164","line":10,"column":8,"nodeType":"160","messageId":"161","endLine":10,"endColumn":21},{"ruleId":"158","severity":1,"message":"165","line":13,"column":8,"nodeType":"160","messageId":"161","endLine":13,"endColumn":20},{"ruleId":"158","severity":1,"message":"166","line":14,"column":8,"nodeType":"160","messageId":"161","endLine":14,"endColumn":20},{"ruleId":"158","severity":1,"message":"167","line":17,"column":8,"nodeType":"160","messageId":"161","endLine":17,"endColumn":12},{"ruleId":"158","severity":1,"message":"168","line":4,"column":9,"nodeType":"160","messageId":"161","endLine":4,"endColumn":14},{"ruleId":"154","replacedBy":"169"},{"ruleId":"156","replacedBy":"170"},{"ruleId":"154","replacedBy":"171"},{"ruleId":"156","replacedBy":"172"},{"ruleId":"154","replacedBy":"173"},{"ruleId":"156","replacedBy":"174"},{"ruleId":"158","severity":1,"message":"175","line":6,"column":8,"nodeType":"160","messageId":"161","endLine":6,"endColumn":17},"no-native-reassign",["176"],"no-negated-in-lhs",["177"],"no-unused-vars","'RefsDemo' is defined but never used.","Identifier","unusedVar","'FocusInput' is defined but never used.","'FRInput' is defined but never used.","'FRParentInput' is defined but never used.","'ClickCounter' is defined but never used.","'HoverCounter' is defined but never used.","'User' is defined but never used.","'items' is assigned a value but never used.",["176"],["177"],["176"],["177"],["176"],["177"],"'HookMouse' is defined but never used.","no-global-assign","no-unsafe-negation"] \ No newline at end of file