按id获取元素，然后在JSX中更改onClick属性

Question

我在React中使用JavaScript和JSX。我正在尝试在JavaScript中更改元素的onClick值。这就是我尝试它的方式：

document.getElementById(id).onClick = this.selectCardsFromBoard;

我知道document.getElementById(id)正在访问正确的元素，但它没有添加任何onClick属性。当我最初在jsx中包含属性onClick时，它可以正常工作，但我无法将onClick更改为其他功能。函数this.selectCardsFromBoard也没有问题。有什么建议吗？