reactjsコンポーネント内のグリフィンのOnclick関数が機能しません

Question

テーブルの反応コンポーネントがあります。テーブルヘッドはソート可能です。私はonclickメソッドでうまくいきますが、同じアンカーになっていますが、グリフコンは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         
      }