React.js: Why doesn't click fire?

Question

React

Here is the code:

return brandName.map(function (item, i) {
            return (<li onClick={this.check} key={i}><a href="#">{item}</a></li>);
        }.bind(this));

The problem is that check does not work. brandName is an array with item names.
if I add a click to remove position:absolute, then everything works. why? what's the problem in position ?

Answer 1

onClick should be placed on a link, i.e. on "a"

return brandName.map(function (item, i) {
            return (<li key={i}><a onClick={this.check} href="#">{item}</a></li>);
        }.bind(this));