Is having onClick set to null on a <button/> a bad practice in React.js?

Question

I'm creating a custom Button component in react.js. I was wondering if having onClick={null} on a HTML button would create unnecessary event listeners that I don't need?

<button value="test" onClick={onClickHandler} onSubmit={onSubmitHandler}/>

I would use this technique if that is the case:

<button value="test" {...(onClickHandler && {onClick:onClickHandler})} {...(onSubmitHandler && {onSubmit:onSubmitHandler})}/>              

Answer 1

如果您希望在某个事件之后使按钮无法点击，只需确保在该事件之后将其禁用即可。

<button value="test" onClick={null} disable={valuable onevent here set it to true} />