Запутался в
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>