Is it a good practice to use the Javascript DOM in React e.g

```
import React, { useState } from "react"

function Form() {
  const [name, setName] = useState("")
  let form = document.getElementById("name")
  function addName() {
    setName(form)
  }
}

```