web-dev-qa-db-ja.com

警告:不明なイベントハンドラープロパティ `onHeaderClick`。無視されます

一部の小道具を別のコンポーネントに渡すための高次コンポーネントを作成しています。しかし、不明なイベントハンドラプロパティの警告を取得しています。

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

イベントは機能していますが、chrome devToolでエラーが発生します(警告:不明なイベントハンドラープロパティonTableCheckBoxSelection。無視されます。)

4
Dheeraj Rao

error は十分に文書化されています:

Reactによって正当なDOM属性/プロパティとして認識されないプロップでDOM要素をレンダリングしようとすると、unknown-prop警告が発生します。DOM要素が偽の小道具が浮かんでいる。

4
Mosè Raguzzini