我目前正在嘗試在 ReactJS 中創建一個登錄表單（它沒有任何后端并且依賴于 Users.js 文件進行輸入。我的 App.js 看起來像這樣：import React from 'react';import myUser from './User'import './App.css';class App extends React.Component{constructor(){super()this.state={userName:"",password:"",message:false} //myUser:[]this.eventHandler=this.eventHandler.bind(this)this.postDetails=this.postDetails.bind(this)}eventHandler(event){const {name,value}=event.targetthis.setState({[name]:value})}postDetails(event){ event.preventDefault()return(this.state.userName===myUser.name&&this.state.password===myUser.password? this.setState({message:true}):this.setState({message:false}))}render(){return(  <div className="main-div">    <h1>{this.state.message===true?"Success":"Try again"}</h1>    <form>           <input type="text" placeholder="enter name" name="userName"  onChange={this.eventHandler} />      <br />      <br />      <input type="password" placeholder="enter password" name="password"  onChange={this.eventHandler} />      <br />      <br/>      <button value="submit" onClick={this.postDetails}>Submit</button>    </form>       </div>)}}export default App;我的 User.js 看起來像這樣：const users ={id:1,name:"mahesh",password:"mahesh123"}export default users所以上面的代碼只檢查表單中輸入的用戶名和密碼字段是否與 User.js 對象數組中單條記錄的名稱和密碼匹配上面的代碼工作正常。但是如果我想制作一個對象數組怎么辦，假設：const users =[{id:1,name:"mahesh",password:"mahesh123"},{id:2,name:"abc",password:"abc123"}]并想比較多個記錄？我必須使用映射嗎？請舉例說明它是如何完成的。請幫忙，我是 React 的新手。我為格式道歉。