我有一个React应用程序，在其中单击列标题时，该表对数据进行排序（通过合并排序）。
我想传递数据（即对象数组）和事件对象。我想使用事件对象来获取单击的列的值，以便随后使用它对数据进行排序。
但是，我不断收到一条错误消息，指出未定义事件对象。
以下是代码的相关部分：
sortColumn (siteArr, evt) {
if (siteArr.length < 2) {
return siteArr;
} else {
const column = evt.target.value; // evt returns undefined
const midPoint = Math.round(siteArr.length / 2);
const subLeft = this.sortColumn(siteArr.slice(0, midPoint));
const subRight = this.sortColumn(siteArr.slice(midPoint));
return this.merge(column, subLeft, subRight);
}
}
merge (column, left, right) {
const out = [];
while (left.length && right.length) {
out.push(left[0][column] <= right[0][column] ? left.shift() : right.shift());
}
while (left.length) {
out.push(left.shift());
}
while (right.length) {
out.push(right.shift());
}
this.setState({sites: out});
return out;
}
render () {
const siteArr = this.state.sites;
const sites = this.state.sites.map((site) => {
return (
<Site site={site} key={site.id} />
);
});
const site_number = sites.length;
return (
<div>
<table>
<thead>
<tr>
<th><a onClick={(evt) => this.sortColumn(siteArr, evt)}>Name</a></th>
<th><a onClick={(evt) => this.sortColumn(siteArr, evt)}>City</a></th>
<th><a onClick={(evt) => this.sortColumn(siteArr, evt)}>State</a></th>
</tr>
</thead>
<tbody>
{sites}
</tbody>
</table>
</div>
);
}
a）如何将事件对象传递给sortColumn函数？
b）如何通过事件对象访问列值？
感谢您的任何帮助，您可以提供！
对于您的情况，因为您已经知道文本值是什么，只需将其传递给函数即可：
() => this.sortColumn(siteArr, 'Name')
但是，如果要获取目标的innerText值，则使用的是：
event => this.sortColumn(siteArr, event.target.innerText)
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句