What do you want to save?
Add Code snippet
New code examples
-
Javascript 2021-11-20 07:31:10
react hide element
React circa 2020 In the onClick callback, call the state hook's setter function to update the state and re-render: const Search = () => { const [showResults, setShowResults] = React.useState(false) const onClick = () => setShowResults(true) r... Add solution -
Javascript 2021-11-11 08:22:11
useRef example
/* A common use case is to access a child imperatively: */ function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); ... Add solution -
Javascript 2021-11-10 16:07:18
react enzyme simulate click sub component
// App.js function App() { const [count, setCount] = React.useState(0) const onClick = () => { setCount((prevState) => prevState + 1) } return ( <div> <button onClick={onClick}>{count}</button> </div&... Add solution -
Javascript 2021-10-19 20:44:05
useReducer example
/* A common use case is to access a child imperatively: */ function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); ... Add solution -
Javascript 2021-10-08 16:58:11
Scroll to the top of the page using JavaScript?
// Get The Id var topPage = document.getElementById(`top-page`) // On Click, Scroll to the Top of Page topPage.onclick = () => window.scrollTo({ top: 0, behavior: 'smooth' }) // On scroll, Show/Hide the button window.onscroll = () => { window.sc... Add solution -
Javascript 2021-10-03 20:32:07
useref in functional component
/* A common use case is to access a child imperatively: */ function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); ... Add solution -
Javascript 2021-10-01 15:13:08
what does useref do react
/* A common use case is to access a child imperatively: */ function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); ... Add solution -
Javascript 2021-09-03 00:30:01
react ezyme simulate click
// App.js function App() { const [count, setCount] = React.useState(0) const onClick = () => { setCount((prevState) => prevState + 1) } return ( <div> <button onClick={onClick}>{count}</button> </div&... Add solution
Best helpers
+5
+5
+5
+5
+5
+5
+5
+5
+5
+5
+5