如何仅在reactjs的文本字段中显示特定对象值为空时显示错误说明

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      myObject: null, // 初始化特定对象的值为空
      error: false // 错误标志，用于判断是否显示错误说明
    };
  }

  handleChange = (e) => {
    const value = e.target.value;
    // 更新特定对象的值
    this.setState({
      myObject: value,
      error: false // 清除错误标志
    });
  }

  render() {
    const { myObject, error } = this.state;
    
    return (
      <div>
        <input type="text" value={myObject || ''} onChange={this.handleChange} />
        {error && <div className="error">特定对象值不能为空，请重新输入。</div>}
      </div>
    );
  }
}

export default MyComponent;