React Form:如何添加在输入时消失的错误消息

import React, { Component } from 'react';
import { Form, Text } from 'react-form';

class MyForm extends Component {
  constructor(props) {
    super(props);
    this.state = {
      error: ''
    };
  }

  handleChange = (e) => {
    // 进行输入验证
    if (e.target.value.length < 5) {
      this.setState({ error: '输入长度不能小于5' });
    } else {
      this.setState({ error: '' });
    }
  }

  render() {
    return (
      <Form>
        <div>
          <label>输入框：</label>
          <Text field="input" onChange={this.handleChange} />
        </div>
        {this.state.error && <div className="error">{this.state.error}</div>}
      </Form>
    );
  }
}

export default MyForm;