在React中将空值设置为数字文本框

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      value: '' // 初始化为空值
    };
  }

  handleChange = (e) => {
    const inputValue = e.target.value;
    const newValue = inputValue === '' ? 0 : inputValue; // 检查输入框值是否为空，如果为空则设置为0
    this.setState({ value: newValue });
  };

  render() {
    return (
      <div>
        <input type="number" value={this.state.value} onChange={this.handleChange} />
      </div>
    );
  }
}

export default MyComponent;