React -将object的值与其类型相加然后再计算setState的正确方法是什么？

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: {
        value: 10,
        type: 'number'
      }
    };
  }

  updateState = () => {
    const { value, type } = this.state.data;
    let result;

    if (type === 'number') {
      result = value + Number(type);
    } else if (type === 'string') {
      result = value + type;
    } else {
      result = value; // 或者根据需要处理其他类型
    }

    this.setState({
      data: {
        ...this.state.data,
        value: result
      }
    });
  };

  render() {
    return (
      <div>
        <p>Value: {this.state.data.value}</p>
        <button onClick={this.updateState}>Update State</button>
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('root'));