JavaScript — как получить доступ к элементу DOM вне компонента в файле JS в ReactJS

как получить доступ к элементу DOM вне компонента в файле JS в ReactJS

У меня есть приложение, в котором мне нужно получить доступ к вводу пользователем за пределами компонента. Я не хочу хранить входные данные в состоянии также, поэтому он должен быть без состояния. Я пытался пройти, как показано ниже.

 {amp}lt;input ref="usrname" input id="userName" ref="user" type="text" class="login-input" placeholder="Enter User ID" onChange={(e)={amp}gt; {GlobalUserModel.setUserName(e.target.value); e.preventDefault();this.obj=GlobalUserModel}}/{amp}gt; {amp}lt;button class="btn btn-primary btn-login" class="submit" id="submit" name="submit" onClick={ApiCall.bind(GlobalUserModel)} {amp}gt;Login{amp}lt;/button{amp}gt; 

И в LoginModel.js

 class LoginModel { username; constructor(){ } setUserName(username1) { debugger; this.username = username1; console.log("username1 : ",username1) return this.username; } getUserName(){ return this.username; } }; const GlobalUserModel=new LoginModel(); export default GlobalUserModel; 

Любая помощь приветствуется. Спасибо заранее.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector