Je crée des composants d'ordre supérieur pour passer des accessoires avec un autre composant. Mais obtenir l'avertissement pour la propriété du gestionnaire d'événements inconnu.
export class TableHeaderRow extends React.PureComponent{
render() {
const customCell = WrappedCellComponent(Cell,this.props.onHeaderClick, this.props.isMasterChecked, this.props.onTableCheckBoxselection);
return (
<TableHeaderRowBase
cellComponent={customCell}
rowComponent={Row}
contentComponent={Content}
titleComponent={Title}
showSortingControls={true}
sortLabelComponent={this.props.sortLabelComponent}
groupButtonComponent={(data: any) : any => null}
showGroupingControls={false}
{...this.props}
/>
)
}
}
const WrappedCellComponent = (WrappedComponent, onHeaderClick,checkIfMasterChecked, onTableCheckBoxSelection) => {
class HOC extends React.Component {
render() {
return <WrappedComponent
{...this.props}
onHeaderClick={onHeaderClick}
onTableCheckBoxSelection={onTableCheckBoxSelection}
checkIfMasterChecked={checkIfMasterChecked}
/>;
}
}
return HOC;
};
Les événements fonctionnent, mais je reçois une erreur dans chrome devTool (c.-à-d. Avertissement: propriété de gestionnaire d'événements inconnue onTableCheckBoxSelection
. Elle sera ignorée.)
erreur est bien documenté:
L'avertissement unknown-prop se déclenchera si vous essayez de rendre un élément DOM avec un accessoire qui n'est pas reconnu par React comme un attribut/propriété DOM légal. Vous devez vous assurer que vos éléments DOM ne ont des accessoires faux flottant autour.