How to conditionally add or not onClick on a div in react?

Question

I would like to know if it is possible to set onClick on a div element in react based on the value of a property in my case canClick.

I am awar

Answer 1

If you opt for a different falsy value instead of undefined in this ternary (i.e. false or null) React (currently) throws the following warning:

"If you used to conditionally omit it with onClick={condition && value}, pass onClick={condition ? value : undefined} instead."

Edit 2020-01-05: only false throws the above error (React source code here).