javascript - Warning : Unknown event handler property `onHeaderClick` . 将被忽略

Question

我正在创建高阶组件，用于将一些 Prop 传递给另一个组件。但是收到未知事件处理程序属性的警告。

 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。它将被忽略。)

Answer 1

当您传递名称以 on 开头的 prop 时，无论大小写如何，这基本上都会发生。 React 假定并尝试将其与 javascript 事件(如 onClick、onKeypress 等)绑定(bind)