掌握React的路由传参技巧！学习如何定义、获取路由参数，实现页面间数据传递。无论是在类组件还是函数组件中，都能轻松操控路由参数。进一步，快速修改Git最近一次提交信息的方法，只需一行命令！不断优化代码记录，留住每次提交的精髓。立即行动，提升开发效率！

Q1: React路由传参

路由参数的定义

路由参数可以在URL中包含一些动态的值，例如ID或者用户名。通过定义路由参数可以在不同的页面之间传递参数。

例如下面这个路由可以接收一个名为id的参数：

<Route path="/details/:id" component={DetailsPage}/>

类组件获取路由参数

在类组件中，可以通过this.props.match.params来获取路由参数，其中params属性是一个对象，包含了所有定义的路由参数。

示例代码：

export default class DetailsPage extends Component {
  render() {
    return(
      <div>
        <h2>{this.props.match.params.id}</h2>
      </div>
    )
  }
}

函数组件获取路由参数

在函数组件中，可以使用useParams钩子来获取路由参数，它返回一个包含路由参数的对象。

示例代码：

import { useParams } from 'react-router';

export default function DetailsPage() {
  const { id } = useParams();
  return (
    <div>
      <h2>{id}</h2>
    </div>
  );
}

Q2: 修改Git提交信息

若您希望修改当前分支最近一次提交的提交信息，可以通过以下命令实现：

git commit --amend -m "新的提交信息"

其中，--amend选项表示要修改最近一次提交的提交信息，-m选项后面跟上新的提交信息即可完成修改。