如何使用函数在'useState‘中设置初始状态？

const [state, setState] = useState(initialState);

import React, { useState } from 'react';

function Counter() {
  // 设置初始状态为0
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>当前计数：{count}</p>
      <button onClick={() => setCount(count + 1)}>增加</button>
    </div>
  );
}

export default Counter;

import React, { useState } from 'react';

function UserProfile({ initialName }) {
  // 使用函数返回初始状态
  const [name, setName] = useState(() => {
    console.log('计算初始状态');
    return initialName || 'Guest';
  });

  return (
    <div>
      <p>欢迎，{name}!</p>
      <input
        type="text"
        value={name}
        onChange={(e) => setName(e.target.value)}
      />
    </div>
  );
}

export default UserProfile;