web-dev-qa-db-fra.com

Avertissement: propriété de gestionnaire d'événements inconnue `onHeaderClick`. Il sera ignoré

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.)

4
Dheeraj Rao

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.

4
Mosè Raguzzini