Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.4k views
in Technique[技术] by (71.8m points)

Ant design报错:未取消使用任何解构元素

定义了HOCProps参数类型,当使用const{columns,dataSource} =props; 的时候报错:未取消使用任何解构元素,请问该如何解决呢?

import React, { ReactNode } from "react";
import {Descriptions} from 'antd';
import { render } from "react-dom";

export interface columnsType{
    dataIndex:string | string[];    
    title:ReactNode;               

}


export interface HOCProps{      
    columns:columnsType[];
    dataSource:[];

}

//定义高阶组件
const DescriptionHOC = (WrappedComponent:any)=>{
  
  const HOC :React.FC<HOCProps>=(props)=>{
    const{columns,dataSource} =props;       //该行报错


      return(
        <div>
        <WrappedComponent {...props}/>    
       </div>    
      )
  }
 
  return HOC;     
};


export default DescriptionHOC(Descriptions)

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
等待大神解答

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...