Reactjs - 私が反応クラスコンポーネント内の次のコードを持っている場合、レンダリングコンポーネント

Question

へのonClickを適用することはできません。

 <svg viewBox="-100 -100 600 500" id='renderName' > 
      <Initial value={this.props.value.substring(0,1)} /> 
     </svg> 

を私はコンテナSVGからonClickイベントを発射することができるように見える、とではありません私がレンダリングしている 'Initial'コンポーネントから。

など。

 <svg viewBox="-100 -100 600 500" id='renderName' onClick={this._onButtonClick} > 

^が、これは可能性があり、なぜ

 <Initial value={this.props.value.substring(0,1)} onClick={this._onButtonClick} /> 

は^

任意のアイデアを動作しない作品？関数を呼び出す代わりに、 'onClick'を小道具として渡すこととは何か？

アップデート：Initialが別のコンポーネント内でレンダリングされています。このコンポーネントには、onClickで呼びたい関数があります。あなたのコード内

Answer 1

Initial は、コンポーネント、およびない要素であるので、あなたはそれをレンダリングすることを実際の要素に、このコンポーネントが取得onClickプロパティを渡す必要があります。

class Initial extends React.Component { 

    render() { 
     return <rect 
        ... 
        ... 
        onClick={this.props.onClick} 
       /> 
    } 
}