如何在React.js中显示验证？

import React from 'react';

class MyForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      email: '',
      password: '',
      emailError: '',
      passwordError: ''
    };
  }

  handleInputChange = (event) => {
    const { name, value } = event.target;
    this.setState({ [name]: value });
  }

  handleSubmit = (event) => {
    event.preventDefault();
    // 验证表单字段
    const { email, password } = this.state;
    let emailError = '';
    let passwordError = '';

    if (!email) {
      emailError = '请输入邮箱地址';
    }

    if (!password) {
      passwordError = '请输入密码';
    }

    if (emailError || passwordError) {
      this.setState({ emailError, passwordError });
      return;
    }

    // 提交表单
    // ...
  }

  render() {
    const { email, password, emailError, passwordError } = this.state;

    return (
      <form onSubmit={this.handleSubmit}>
        <div>
          <label>Email:</label>
          <input
            type="email"
            name="email"
            value={email}
            onChange={this.handleInputChange}
          />
          <div>{emailError}</div>
        </div>
        <div>
          <label>Password:</label>
          <input
            type="password"
            name="password"
            value={password}
            onChange={this.handleInputChange}
          />
          <div>{passwordError}</div>
        </div>
        <button type="submit">提交</button>
      </form>
    );
  }
}

export default MyForm;