当同一组件React JS中的路由更改时，表单值不变

import React, { Component } from 'react';
import { withRouter } from 'react-router-dom';

class MyForm extends Component {
  constructor(props) {
    super(props);
    this.state = {
      formValues: {
        // 初始表单值
        // ...
      }
    };
  }

  componentDidUpdate(prevProps) {
    if (this.props.location !== prevProps.location) {
      // 路由发生了变化
      const newFormValues = {
        // 根据新的路由信息更新表单值
        // ...
      };
      this.setState({ formValues: newFormValues });
    }
  }

  handleInputChange = (event) => {
    const { name, value } = event.target;
    this.setState((prevState) => ({
      formValues: {
        ...prevState.formValues,
        [name]: value
      }
    }));
  };

  handleSubmit = (event) => {
    event.preventDefault();
    // 处理表单提交
    // ...
  };

  render() {
    const { formValues } = this.state;

    return (
      <form onSubmit={this.handleSubmit}>
        <input
          type="text"
          name="input1"
          value={formValues.input1}
          onChange={this.handleInputChange}
        />
        {/* 其他表单元素 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

export default withRouter(MyForm);