微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决使用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 举报,一经查实,本站将立刻删除。