ReactJSのonClickでイベントを渡す方法

Question

カスタムコンポーネントで「preventDefault」を何らかの方法で呼び出そうとしています。ここに私の試みがあります。 "e"の最初の試行では、実際のイベントではなく要素参照が渡されます。 2番目のメソッドはイベントを渡しますが、デフォルトのメソッドの防止は何も妨げません。これを行う最善の方法は何ですか？

<MyComponent header= { 
    <div onClick={e => { e.preventDefault(); myFunction.bind(this, event) }}> 
     Header 
    </div> 
} /> 

function myFunction(event) { 
    event.preventDefault(); 
} 

Answer 1

私はこのようにそれを行うだろう：あなたはクリックハンドラでthisを使用する必要がある場合

<MyComponent header={<div onClick={myFunction}>Header</div>} /> 

function myFunction(event) { 
    event.preventDefault(); 
} 

または、：

class App extends React.Component { 
    myFunction = (event) => { 
    event.preventDefault(); 
    this.setState({ clicked: true }); 
    } 

    render() { 
    return (
     <MyComponent header={<div onClick={this.myFunction}>Header</div>} /> 
    ) 
    } 
}