关于react useState不能动态监听某一个属性变化的问题

业务需求

1.使用echarts动态展示数据时可以动态的切换单位

我开始的实现思路是：
获取已经存放数据的option，将里面的数据一个一个取出来进行计算之后，重新放入option，以下是代码：

const [option,setOption] = useState({});
const series  = option.series.map(item =>{
          let temp = []
          item.data.map(item =>{
              let sum = i / value
              temp.push(temp)
              return item;
          })
        setOption({...option,series})

但是最后uesState并不能监听到option局部属性的变化，之后我又尝试了使用useRef去使用current获取当前的option，以下是React Developer Tools中option中的series中的数据，可以很明显的看到其中的data并没有实时更新，这个是因为和react的异步调用有关系，他是异步的，所以并不能实时的监听到动态的变化

解决办法：

之所以没有监听到变化，实际上就是因为没有动态的改变它的内存地址，所以他没有监听到变化，所以实现思路就是改变他的内存地址

  const totalResult = JSON.parse(JSON.stringify(option))

将原来的option转换成字符串，再将字符串转换成对象，以改变对象的方式去改变他的内存地址，这样就可以监听到他的动态变化，然后再对内部属性进行处理