主題: 我正在編寫一個登錄系統(tǒng)。語言或庫: React (16.8)問題:我有一個名為 LoginControl 的組件。在這個組件中,我想訪問另一個組件(在渲染之外)。然后我想在 props 的幫助下將用戶名發(fā)送到另一個組件。登錄系統(tǒng).jsximport React from 'react';import Welcome from "./Welcome"class LoginControl extends React.Component{ constructor(props){ super(props); this.state = { users: [ { username:"code", password:"blogger" }, { username:"true", password:"codes" }, { username:"furkan", password:"gulsen" } ] } } Control = () => { var username = document.getElementById("username"); var password = document.getElementById("password"); this.state.users.map( (user) => { if(user.username == username.value && user.password == password.value){ <Welcome uName={user.username} /> // problem // props --> Welcome } }) }; render(){ return( <div> <button className="btn btn-success" onClick={this.Control}>Sign In</button> </div> ) }}export default LoginControl;歡迎.jsximport React from 'react'const Welcome = (props) => { return( <h2>WELCOME {props.uName}</h2> )}export default Welcome;錯誤:需要賦值或函數(shù)調(diào)用,卻看到了一個表達式 no-unused-expressions
如何在渲染之外將道具從一個組件發(fā)送到另一個組件?
慕桂英3389331
2021-06-18 18:15:19