React JS如何转换这个对象数组的日期和数字？

import React from 'react';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [
        { date: '2022-01-01', number: 10 },
        { date: '2022-02-01', number: 20 },
        { date: '2022-03-01', number: 30 }
      ]
    };
  }

  componentDidMount() {
    // 在组件挂载后，进行日期和数字的转换
    const newData = this.state.data.map(item => ({
      date: new Date(item.date).toLocaleDateString(),
      number: item.number * 2
    }));
    this.setState({ data: newData });
  }

  render() {
    return (
      <div>
        {this.state.data.map(item => (
          <div key={item.date}>
            <p>Date: {item.date}</p>
            <p>Number: {item.number}</p>
          </div>
        ))}
      </div>
    );
  }
}

export default MyComponent;