This is how you would implement useState in React:

Import, Initiate Variable and use in JSX:

Import:

import {useState} from "react";

Declare:

const [mywords, setMywords] = useState('');

Usage:

                <label htmlFor="exampleFormControlTextarea1" className="form-label">Enter Words Paragraphs or Lists:</label>
                <textarea className="form-control" id="exampleFormControlTextarea1"
                rows="3"
                placeholder={`Explains what this is`}
                value={mywords}
                onChange={e => setMywords(e.target.value)}
                ></textarea>

Results:

<p>words:{mywords}</p>

Example Component:

import React from 'react';
import { useState } from 'react'

function form() {
    const [mywords, setMywords] = useState('');
    return (
        <div className="container">
            <div className="mb-3">
                <label htmlFor="exampleFormControlTextarea1" className="form-label">Enter Words Paragraphs or Lists:</label>
                <textarea className="form-control" id="exampleFormControlTextarea1"
                    rows="3"
                    placeholder={`Explains what this is`}
                    value={mywords}
                    onChange={e => setMywords(e.target.value)}
                ></textarea>
                <p>words:{mywords}</p>
            </div>


        </div>
    )
}

export default form