React edit text on doubleclick
//https://flaviocopes.com/react-edit-doubleclick/
const [toggle, setToggle] = useState(true)
const [name, setName] = useState('test')
...
toggle ? (
<p
onDoubleClick={() => {
setToggle(false)
}}
>{name}</p>
) : (
<input
type='text'
value={project.status}
/>
)}
<input
type="text"
value={name}
onChange={(event) => {
setName(name)
}}
onKeyDown={(event) => {
if (event.key === 'Enter' || event.key === 'Escape') {
setToggle(true)
event.preventDefault()
event.stopPropagation()
}
}}
/>
Also in JavaScript:
- javascript find nearest element
- js check if obj all false
- accessing via name jquery
- mvc form client side validation result callback
- how to use http in development mode for nodejs
- meeting room 2 javascript solution
- close bootstrap modal with javascript
- string to JSONobject + android
- how to deploy node-red as a window service
- display for sometime only session flash message in laravel with javascript
- axios get status code
- showdown react
- import all from javascript
- columndefs in datatable not working while setting width jquery
- "socket.removeListener"
- git choose tag
- Get node value in XML using jQuery
- how to export module in node js
- jquery is child of
- compare two arrays in javascript
- state react
- godot destroy node
- js loop array
- justin bieber