Welcome to Software Development on Codidact!

Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.

Review Suggested Edit

You can't approve or reject suggested edits because you haven't yet earned the Edit Posts ability.

~~Are there other reasons why useEfffect might not be defined apart from not importing it?~~

Are there other reasons why useEffect might not be defined apart from not importing it?

I am creating a button that once clicked will change from off to on with react and i am also creating a responsive clock through useEffect.
Yet the code still return that useEffect is undefined though i imported useState.
~~``````import {useState} from 'react';~~
import "./styles.css";
export default function App() {
let [PresentState, setPresentState] = useState(false);
let [time, seTime] = useState("00:00:00");
function toggleState() {
setPresentState((prevState) => !prevState);
}
function getTime() {
return new Date().getTime();
}
useEffect(() => {
setTime(getTime());
console.log();
return () => {};
},[]);
return (
<div className="app">
<button onClick={toggleState} className="btn">
{PresentState ? "On" : "Off"}
</button>
<time>00:00:00</time>
</div>
);
}
``````

I am creating a button that once clicked will change from off to on with react and i am also creating a responsive clock through useEffect.
Yet the code still return that useEffect is undefined though i imported useState.
```
import {useState} from 'react';
import "./styles.css";
export default function App() {
let [PresentState, setPresentState] = useState(false);
let [time, seTime] = useState("00:00:00");
function toggleState() {
setPresentState((prevState) => !prevState);
}
function getTime() {
return new Date().getTime();
}
useEffect(() => {
setTime(getTime());
console.log();
return () => {};
},[]);
return (
<div className="app">
<button onClick={toggleState} className="btn">
{PresentState ? "On" : "Off"}
</button>
<time>00:00:00</time>
</div>
);
}
```

reactjs

Communities

Review Suggested Edit