小编Dhe*_*Rao的帖子

警告:未知的事件处理程序属性 `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;
};
Run Code Online (Sandbox Code Playgroud)

事件正在运行,但我在 chrome devTool 中遇到错误(即警告:未知事件处理程序属性onTableCheckBoxSelection。它将被忽略。)

javascript reactjs higher-order-components

9
推荐指数
3
解决办法
2万
查看次数