import logo from './logo.svg';
import { Routes, Route, Link } from "react-router-dom";
import {react,useState,useEffect,useLayoutEffect,useContext,useReducer,useCallback,useMemo} from "react"
import {useRef,useImperativeHandle,forwardRef} from "react"
import './App.css';
import React from "react"
function App() {
const [count, setCount] = useState(0);
// Similar to componentDidMount and componentDidUpdate:
useLayoutEffect(() => {
// Update the document title using the browser API
document.title = `clicked ${count} times`;
});
return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>
Click me
</button>
</div>
);
}
export default App;
React: hook(9) useLayoutEffect
最新推荐文章于 2024-05-23 09:41:16 发布