下面是一个简单的函数组件，有两个按钮：“alert”、“add”。

如果先点击“alert”按钮，再点击一次“add”按钮，那么弹窗框中的值和页面中展示value分别是什么？

复制
1const FunctionComponent = () => {
2  const [value, setValue] = useState(1)
3
4  const log = () => {
5    setTimeout(() => {
6      alert(value)
7    }, 3000);
8  }
9
10  return (
11    <div>
12      <p>FunctionComponent</p>
13      <div>value: {value}</div>
14      <button onClick={log}>alert</button>
15      <button onClick={() => setValue(value + 1)}>add</button>
16    </div>
17  )
18}