react17新增了哪些特性

React 17 主要是一个“稳定版”，没有引入太多新的特性，而是解决了一些旧版本中的问题，以及为未来的更新做了一些准备工作。具体来说，React 17 引入了以下特性：

1. 无需引入 React DOM：React 17 中，可以在不引入 React DOM 的情况下使用 React，这使得在将来的 React 版本中，React 可以更方便地支持更多的平台。

2. 更好的错误处理：React 17 中，错误边界的行为得到了改进，现在可以更好地处理异步错误。

3. 改进的事件处理：React 17 中，React 的事件系统得到了改进，使得在异步渲染场景下，事件处理更加可靠。

4. 改进的 useEffect Hook：React 17 中，useEffect Hook 得到了改进，可以更好地处理代码分离场景下的副作用。

相关问题

react hooks 新增

React Hooks是React 16.8版本引入的一个新特性，它使我们能够在函数组件中使用状态和其他React特性。Hooks提供了一种更简洁、更可复用的方式来编写组件逻辑。

在React Hooks中，有一些内置的Hooks可以使用，例如useState、useEffect、useContext等。其中，useState用于在函数组件中声明和更新状态，useEffect用于处理副作用，useContext用于在组件树中传递上下文等。

新增React Hooks的步骤如下：
1. 确保你的项目使用的是React版本16.8或更高版本。如果不是，请升级React到最新版本。
2. 在函数组件中导入需要使用的Hooks，例如useState。
3. 使用useState来声明状态，并将其初始值作为参数传递给useState。useState将返回一个数组，其中第一个元素是状态的当前值，第二个元素是更新状态的函数。
4. 在组件中使用声明的状态，并通过调用更新状态的函数来更新状态。

例如，下面是一个使用useState Hook的示例：

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

export default Counter;

在上面的例子中，我们使用useState Hook声明了一个名为count的状态，并将其初始值设置为0。然后，在组件中显示了count的值，并通过点击按钮来调用setCount函数更新count的值。

这只是React Hooks的一个简单示例，你可以根据具体需求使用其他Hooks来增强你的函数组件的功能。

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 特性。