在React中，可以使用localStorage来保存浏览器操作的状态。下面是一个示例代码，演示如何保存每个标签页的状态。

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

const App = () => {
  const [count, setCount] = useState(0);

  // 组件加载时，从localStorage中获取之前保存的状态
  useEffect(() => {
    const savedCount = localStorage.getItem('count');
    if (savedCount) {
      setCount(Number(savedCount));
    }
  }, []);

  // 每次count变化时，保存状态到localStorage
  useEffect(() => {
    localStorage.setItem('count', count);
  }, [count]);

  const increment = () => {
    setCount(count + 1);
  };

  const decrement = () => {
    setCount(count - 1);
  };

  return (
    

      
Count: {count}
      +
      -
    
  );
};

export default App;

在上面的代码中，我们使用了localStorage来保存count的值。当组件加载时，我们使用useEffect钩子从localStorage中获取之前保存的值，并在组件卸载时保存当前的count值到localStorage。每次count值发生变化时，也会触发保存操作。

这样，无论用户在哪个标签页上进行操作，都会保存对应的状态，并在刷新页面后恢复之前的状态。