Getting input from a content editable div in react

Question

Change handler

const contentref=useRef()
const handleclick=()=>{
   setContent(contentref.current.value)
   console.log(contentref.current.value)
}  
   

Tag

<div
    name="textbox"  
    ref ={contentref}  
    className="textbox" 
    onChange={e=>handleclick()} 
    contentEditable="true" 
    role="textbox" 
    aria-multiline="true" 
    tabIndex="0px" 
    placeholder="Type something..."  
    spellCheck="false">
</div>

I have been trying to get the input from the content editable div but it is not returning anything.

Answer 1

const handleclick = () => {
    setConntent(contentref.current.innerHTML)
}

use ref.cuurent.innerHTML .