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

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
}