我如何在反应中使用另一个文件中的道具？

Question

我有两个文件：EnhancedTableHEad和OrderDialog。 我需要OrderDialog文件中来自EnhancedTabledHead的道具数据。 我该如何实现？ 我的文件如下所示：

 //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
}