React.js: почему не срабатывает click?

Question

[Isaac Clark]

Вот такой код:

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

Проблема в том, что ф-я check не срабатывает. brandName - это массив с названиями айтемов.
если у меня куда добавляю клик убрать position:absolute, то все работает. чего так? что проблема в position ?

Answer 1

[vpolotskiy]

onClick нужно вешать на ссылку, то есть на "a"

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

Comments

[Isaac Clark]

а какая разница? сделал, как вы написали - не работает

[vpolotskiy]

Если у вас компонент строится в стиле es6 class (class A extends React.Component ) - то нужно .bind(this) к this.check добавить

[Isaac Clark]

vpolotskiy: так и делал, тоже

[Isaac Clark]

vpolotskiy:

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

[Isaac Clark]

что-то и так не срабатывает даже
<li onClick={this.check}><a href="#">link</a></li>

[Никита Гущин]

Isaac Clark: ошибки какие-нибудь?