React.useRef 与ES6 Proxy实现数据劫持

case

遇到一个有很多筛选条件、 表格排序的业务场景，但是这些数据状态不需要保存，但是需要保存筛选条件以请求后台。于是使用useRef保存所有类型的筛选条件。考虑到想在ref数据变更时发起请求，但是ref.current变更时不会通知且useImperativeHandle使用复杂并不被推荐，于是想到使用Proxy实现

usage

Parent.tsx

import React, {
    useRef } from 'react';
import {
    useDispatch } from 'react-redux';

const defaultValues = {
   
  select: 'code1',
  input: 'input somrthing'
}

export default () =>