即使设置了item，React useState item在调用时似乎仍为空

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [item, setItem] = useState(null);

  useEffect(() => {
    // 在这里设置item的初始值
    setItem('初始值');
  }, []);

  return (
    <div>
      {item}
    </div>
  );
}

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [item, setItem] = useState(null);

  useEffect(() => {
    // 在item变化后执行相应的操作
    console.log(item);
  }, [item]);

  // 在某个事件触发后更新item的值
  const handleClick = () => {
    setItem('新的值');
  };

  return (
    <div>
      {item}
      <button onClick={handleClick}>更新item</button>
    </div>
  );
}