在带有flowjs的React useState中出现"ReferenceError: string is not defined“

import React, { useState } from 'react';

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

  const handleClick = () => {
    console.log(string); // 这里会报错，因为string未定义
  };

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

export default MyComponent;

import React, { useState } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0);
  const string = "Hello, World!"; // 定义string变量

  const handleClick = () => {
    console.log(string); // 现在不会报错
  };

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

export default MyComponent;