使用ReactJS设置输入时出错,非标签字段不在material.ui

问题描述

下午好,开发者们!

我有一个小问题,我正在使用reactJS,并且我正在使用react-form-hook,其中我使用来自material.ui的输入/ TextField。 当我用名称cep填充输入时,它将调用一个函数,该函数内容从此发送到api,该api返回返回的内容以填充输入三。问题是,当我尝试使用返回的内容设置输入时。输入标签保留在字段中,如照片所示,在最后一个输入中。答案就来了。

该字段首先带有react-form-hook的setValues,但错误仍然存​​在 在我尝试设置这种方式之后 document.querySelector('#inputStreet')。值=街道;

最后,我决定的方式是在此输入中创建每个输入以接收更新的useState

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

只有这样,他才能够解决标签不在输入内容上的问题,正如上次输入的照片中已经举例说明的那样,我相信这不是最正确的方法,所以我会像是如何更有效地解决此问题的帮助。 就是这样

存储库链接

https://github.com/JoezerSmaniotto/IvetFront/blob/master/src/Pages/SignIn/index.js

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)