Listing 11-15: Getting the value of a textarea and counting its words

0 words.

import {useState,useRef} from 'react';

function WordCount(props){

    const textAreaRef = useRef();
    const [wordCount,setWordCount] = useState(0);

    const countWords = (e) => {
      const text = textAreaRef.current.value;
      setWordCount(text.split(" ").length);
    }

    return (
        <>
          <textarea ref={textAreaRef} /><br />
          <button onClick={countWords}>Count Words</button>
          <p>{wordCount} words.</p>
        </>
    )
}

export default WordCount;