반응에서 동적 분해 속성의 영리한 사용

1. ESLint플러그인 을 사용해 본 사람이라면 누구나 Vscode값을 분해 할 필요가없는 경우 분해 할당을 사용하는 것이 좋습니다.
2. 프로젝트에서 对象解构가장 자주 사용 하는 방법은 다음과 같습니다.
3.이 글쓰기 방법은 매우 기본적이며 모든 값을 이렇게 쓸 수 있습니다. 이런 식으로 작성하는 가장 쉬운 방법은 react官方建议的写法和符合ESLint사양 을 준수하는 것입니다.

从this.state、this.props中取值

 const listType = this.state.listType; // 一般写法

 const {
    
     listType,fileList,downloadTitle } = this.state;

 const {
    
     dispatch, registrationId } = this.props;

4 、

동적 속성 분해

이제 对象解构中使用变量값 할당 작업을 용이하게 할 수 있습니다.
[]에 변수 값 쓰기

 const {
    
     [listType]: {
    
     infoList } } = this.props;

애플리케이션 시나리오도 생각하기 매우 간단합니다.

• 상황에 따라 변수를 제어하고 infoList값 을 얻는 위치 를 제어 하며 더 복잡한 시나리오를 실현할 수 있습니다. 같은이 사용할 수 있습니다
  dispatch

    const {
    
     keyword, typeId, state, listType } = this.state;
    dispatch({
    
    
      type: `${
      
      listType}/getApplicationPageList`,
      payload: {
    
    
      .......

6. 공유가 간단하고 간단합니다. 부적절한 장소가 있으면 수정 해주세요.