Запутался в
this
. При клике по ячейке вызывается функция
this.sortColumn
, в неё передается
data-name
от ячейки и обрабатываются условия.
Однако, при клике по картинке
img
внутри ячейки, получается
data-name = undefined
.
Как можно решить такую проблему?
this.sortColumn.bind(this)
— не помогает.
console.log(this)
— выводит это:
App {props: {…}, context: {…}, refs: {…}, updater: {…}, addPerson: ƒ, …}
...
sortColumn = (e) => {
let thisName = e.target.dataset.name;
...
}
...
<th scope="col"
data-name="id"
onClick={this.sortColumn.bind(this)}>
<img
src="img/arrow.svg"
alt=""/>
Сортировка по ID
</th>