Javascript 使用ReactJS设置输入时出错，material.ui上没有非标签字段

大家下午好

我有一个小问题，我使用的是reactJS，我使用的是reactformhook，其中我使用了material.ui中的输入/文本字段。 当我用名称cep填充一个输入时，它调用一个函数，该函数将该输入的内容发送到api，api返回，content to fill input three，当我试图用返回的内容设置输入时，问题就出现了。在最后一次输入中，输入标签保留在字段上，如照片中所示。这就是答案

字段首先包含设置值​​但是错误仍然存在 在我试着这样做之后 document.querySelector（“#inputStreet”）。价值=街道

最后，我决定的方法是在这个输入中创建一个useState，用于接收每个输入的更新

const [srua, setSrua] = useState ('');
const [sbairros, setSbairros] = useState ('');
const [scity, setScidade] = useState ('');
const [sUF, setSUF] = useState ('');

只有通过这种方式，他才能解决标签不在输入内容上的问题，正如上一次输入的照片中所示，我相信这不是最正确的方式，因此我希望能得到如何更有效地解决这一问题的帮助。 就这样

存储库链接

---

请用英文书写你的标题。请强烈考虑用英文标题更新你的问题。非常感谢。