之后如何引用useState设置的值？

在React中，可以使用useState钩子来设置和获取状态值。useState是React提供的一个钩子函数，用于在函数组件中添加状态。

要引用useState设置的值，首先需要使用数组解构来获取状态值和更新状态的函数。useState返回一个数组，其中第一个元素是当前的状态值，第二个元素是更新状态值的函数。

例如，假设我们使用useState来设置一个名为count的状态值：

import React, { useState } from 'react';

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

  // 在这里可以使用count来引用设置的值

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

在上面的例子中，我们使用数组解构将count和setCount分别赋值给useState返回的数组元素。然后，我们可以在组件中的任何地方使用count来引用设置的值。

在返回的JSX中，我们将count的值显示在一个段落中，并在按钮的点击事件中使用setCount来更新count的值。

需要注意的是，useState是React的一个钩子函数，只能在函数组件中使用。如果你是在类组件中使用状态，可以使用this.state和this.setState来设置和获取值。