尝试将纯JavaScript效果应用于React ant表组件

我对React非常陌生，最近继承了一个用CreateReact应用程序创建的项目。这个项目已经完成了一部分，我想让特定表的列可以调整（用户应该拖动并调整宽度）。以前的开发人员用来创建表，但表没有这样的功能

我想我可以试着用简单的js来做这件事，比如这个提琴：

然而，我不能让它工作。我已经将js代码作为index.html的一部分包含在内，还尝试在组件的.js文件中调用它

这是我的组件代码：

import React, {Component, PropTypes} from 'react';
import {Icon} from 'antd';
import Table from '../../components/tables/AntdTable.pg';


class SampleScreen extends Component {

  render(){
    return (


              <Table data={this.props.availableFlavors.map(this.props.generateFruitList)}
                              selectRow={this.props.selectRow}
                              headers={this.props.tableHeaders} />
    );
  }
}

SampleScreen.propTypes = {
    availableFlavors : PropTypes.array.isRequired,
    tableHeaders: PropTypes.array.isRequired,
    selectRow: PropTypes.object.isRequired,    
    generateFruitList: PropTypes.func.isRequired,    
};


export default SampleScreen;

import React，{Component，PropTypes}来自'React'；
从“antd”导入{Icon}；
从“../../components/tables/AntdTable.pg”导入表；
类SampleScreen扩展组件{
render（）{
返回(
);
}
}
SampleScreen.propTypes={
可用flavors:PropTypes.array.isRequired，
tableHeaders:PropTypes.array.isRequired，
selectRow:PropTypes.object.isRequired，
generateFruitList:PropTypes.func.isRequired，
};
导出默认样本屏幕；

---

我不确定这是否可能，再一次，请耐心等待。非常感谢您的帮助。

在antd网站上查看有关如何创建表的示例

看看这个：