在React中，我需要从本地存储中获取状态，然后基于此状态有条件地设置另一个状态

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

function App() {
  // 定义两个状态变量
  const [initialState, setInitialState] = useState(null);
  const [conditionalState, setConditionalState] = useState(null);

  // 使用 useEffect 在组件挂载时从 localStorage 获取状态
  useEffect(() => {
    const storedState = localStorage.getItem('initialState');
    if (storedState) {
      setInitialState(JSON.parse(storedState));
    }
  }, []);

  // 基于 initialState 设置 conditionalState
  useEffect(() => {
    if (initialState) {
      // 根据 initialState 的值设置 conditionalState
      setConditionalState(initialState === 'someValue' ? 'anotherValue' : 'defaultValue');
    }
  }, [initialState]);

  return (
    <div>
      <h1>Initial State: {initialState}</h1>
      <h1>Conditional State: {conditionalState}</h1>
    </div>
  );
}

export default App;