javascript - 解构内的解构

Question

我正在使用 React 功能组件，并且在该功能组件的参数中 Deal 我们正在使用解构。此外，我们正在匹配：{params}，但我无法获得那部分。有人请解释一下！

const Deal = ({ history, form, match: { params } }) => {
     let isLoading = useSelector(getSelectedDealLoading);
     let err = useSelector(getSelectedDealError);
     const isSubmitSuccess = useSelector(getSuccess);
     const [isSubmitted, changeIsSubmitted] = useState(false);
    }

标签： javascript

Answer 1

const objectToDestructure = {
  history: 'historyValue',
  form: 'formValue',
  match: {
    params: {
      param1: 'param1Value',
      param2: 'param2Value',
    }
  }
};

const { history, form, match: { params } } = objectToDestructure;

console.log({ history, form, params });

如果您的函数参数具有我的片段中对象的结构，它应该可以工作！