Codeforces Round 964 (Div. 4) G2. Ruler (hard version)

React从16.8版本开始引入了Hooks，这是一项允许在函数式组件中使用状态和其他React特性的功能。Hooks提供了一系列函数，用于在组件中“钩入”React的各种特性。以下是React中常用的一些Hooks：

1. useState

• 作用：用于在函数式组件中添加和管理状态。它返回一个状态变量和一个更新该状态变量的函数。
• 示例：

  import React, { 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>
    );
  }
  

2. useEffect

• 作用：用于处理副作用操作，如订阅数据源、网络请求、手动更改DOM等。它接