javascript - 如何在 react 中使用另一个文件中的 Prop ？

Question

我有两个文件:EnhancedTableHEad 和 OrderDialog。我需要 OrderDialog 文件中的EnhancedTabledHead 的 Prop 数据。我怎样才能做到这一点？我的文件如下所示:

//OrderDialog.jsx

import EnhancedTableHead from '../../Table/EnhancedTableHead';

render() {
        const {classes, data, onClose, onClick, item, isSelected, rowCount, onSelectAllClick, ...other} = this.props;
        return ()
        }

//EnhancedTableHead.jsx

 render() {
        const {onSelectAllClick, order, orderBy, numSelected, rowCount, tableConfiguration} = this.props;
        return ()
        }


EnhancedTableHead.propTypes = {
    numSelected: PropTypes.number.isRequired,
    onRequestSort: PropTypes.func.isRequired,
    order: PropTypes.string.isRequired,
    orderBy: PropTypes.string.isRequired,
    rowCount: PropTypes.number.isRequired,
    onChange: PropTypes.number.isRequired,
};

export default EnhancedTableHead;

我理解错了吗？例如，我想在 OrderDialog 中使用来自EnhancedTableHead 的 rowCount，但是当我执行 console.log 时，我得到了未定义。如果我在 EnahancedTableHead 内执行此操作，console.log 将打印正确的值。

Answer 1

将它们展开到 OrderDialog 中。即

OrderDialog.propTypes = {
 ...EnhancedTableHead.propTypes
}