ReactJS渲染然后单击处理程序未拾取元素

Question

在我的React组件中

render() {
    return (
        <div className="brandlab-asset brandlab-asset-color js-color" onClick={this.handleColor}>

然后在我拥有的同一文件中的handleColor中

handleColor (evt) {
    evt.preventDefault();
    const color$ = document.getElementsByClassName('.js-color')[0];
    this.colorPicker.anchor$ = evt.target;
    color$.classList.add('editing');

它返回一个错误，指出Cannot read property 'classList' of undefined。我猜document.getElementsByClassName('.js-color')[0]是未定义的，但是呈现在页面上？

Answer 1

删除.

document.getElementsByClassName('js-color')[0];