イベントハンドラのコールバックでイベント+引数を渡す

Question

以下のコードでイベントハンドラから引数を渡すことができます。

しかし、私はeventをどうすればhandleDownに渡すことができますか？

class Parent extends React.Component { 
    handleDown(argumentOne) { 
    } 
    render() { 
    return (
     <div> 
     <Child 
      handleDown={this.handleDown.bind(this)} 
     /> 
     </div> 
    ); 
    } 
} 

class Child extends React.Component { 
    constructor(props) { 
    super(props); 
    } 
    render() { 
    return (
     <div> 
     <span 
      onMouseDown={this.props.handleDown.bind(this, 'argumentOne')} 
     > 
     Click here 
     </span> 
     </div> 
    ); 
    } 
} 

Answer 1

どのように私は同様の機能handleDownにイベントを渡すのでしょうか？

あなたは、イベントメカニズムはありませんが、問題のコードを与え、handleDownは、ご提供いただいたものの後の最初の引数としてイベントを受け取ることになりますしません。だからここ

：

<Child 
    handleDown={this.handleDown.bind(this)} 
/> 

それはhandleDownの最初の引数であること、そしてここになります

<span 
    onMouseDown={this.props.handleDown.bind(this, 'argumentOne')} 
> 

それはhandleDownの二番目の引数になります。

おそらく最初のbindコールをnullなどのように変更して、それを一貫して2番目の引数として渡すようにしてください。しかし、Reactが特別なことをしなければ、常にlastという引数になるので、それから作業することができます。