如何避免在每次渲染时都执行useState函数参数(以获取初始值)？

const [count, setCount] = useState(0); // 静态初始值

const initialCount = useMemo(() => {
  // 复杂的计算逻辑
  return someValue;
}, [dependency1, dependency2]);

const [count, setCount] = useState(initialCount);

const initialCountRef = useRef();

useEffect(() => {
  // 复杂的计算逻辑
  initialCountRef.current = someValue;
}, []);

const [count, setCount] = useState(initialCountRef.current);

const [count, setCount] = useState(() => {
  // 复杂的计算逻辑
  return someValue;
});

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

const MyComponent = ({ dependency1, dependency2 }) => {
  const initialCount = useMemo(() => {
    // 复杂的计算逻辑
    return someValue;
  }, [dependency1, dependency2]);

  const [count, setCount] = useState(initialCount);

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

export default MyComponent;