React18 新增的hook

React 18 新增的 hook 有以下几个：

1. useParams: 用于访问路由参数的 hook。
2. useLocation: 用于访问浏览器的 location 信息的 hook。
3. useHistory: 用于访问浏览器的 history 对象的 hook，可以用来操作浏览器的前进和后退。
4. useContext: 用于访问上下文对象的 hook，可以用来在组件之间传递数据。

注意：这些 hook 都是专门用于使用 React Router 的组件。如果你不使用 React Router，那么这些 hook 是不能使用的。

相关问题

React 16新增的hook

React 16 新增了一些 hook，其中最重要的是 `useState` 和 `useEffect`。

`useState` 可以让你在函数组件中使用状态（state）。它接受一个参数，表示状态的初始值，并返回一个包含状态值和更新函数的数组。例如：

import { useState } from 'react';

function Example() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

`useEffect` 可以让你在函数组件中执行副作用（side effect）。它接受两个参数：一个函数，表示要执行的副作用；以及一个数组，表示触发副作用的条件。例如：

import { useState, useEffect } from 'react';

function Example() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `You clicked ${count} times`;
  }, [count]);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

还有很多其他的 hook，比如 `useContext`，`useReducer`，`useCallback` 等等，可以帮助你在函数组件中使用更多的 React 特性。