react登录代码示例

以下是 React 登录代码的示例： import React, { Component } from 'react'; class Login extends Component { constructor(props) {
super(props);
this.state = {
username: '',
password: ''
};
} handleUsernameChange = (event) => {
this.setState({ username: event.target.value });
}; handlePasswordChange = (event) => {
this.setState({ password: event.target.value });
}; handleSubmit = (event) => {
event.preventDefault();
// Submit the data to the server
}; render() {
return(
<form onSubmit={this.handleSubmit}>
<div>
<label>Username: </label>
<input type="text" value={this.state.username} onChange={this.handleUsernameChange} />
</div>
<div>
<label>Password: </label>
<input type="password" value={this.state.password} onChange={this.handlePasswordChange} />
</div>
<input type="submit" value="Login" />
</form>
);