Question

我有桌子的反应组件，桌头是可排序的。我注意到那些文本在onclick方法中运行良好，但是glyphicons不适用于onclick方法，尽管两者都在同一个锚点。代码如下：

columns.push(
  <th key={index} data-nw-id={column.id} className={className.join(' ')}>
    {column.canSort
        ?
            <a href="#" className="u-textLink" onClick={e => {
                e.preventDefault();
                if (e.target.className == 'u-textLink' && allowSort) {
                    this.sortByColumn(e, column);
                };
            }}>
                {content} {this.props.sort == column.id
                    ? <span className={'icon-chevron-' + (this.props.order == 'asc' ? 'up' : 'down')}></span>
                    : null
                }
            </a>
        : content
    }

  </th>
);

Answer 1

您也可以在以下标记中使用onClick方法。例如：

{content} {this.props.sort == column.id
            ? <span onClick={e => this.sortByColumn(e, column)} className={'icon-chevron-' + (this.props.order == 'asc' ? 'up' : 'down')}></span>
            : null                                
          }

Onclick函数不适用于reactjs组件中的glyphycons

1 个答案: