反応してes6バインドを使用するときにargを渡す

Question

JSXでes6 arrow関数を使用すると、別のコンポーネントからpropsが来る場合、このようなargsを渡すことができます。

class MyComponent extends Component({ 
    myFunc(param){ 
    console.log(param); 
    } 
    render(
    return(
     <button onClick="(param)=>myFunc(param)"></button> 
    ) 
) 
}) 

しかし、私はあなたがこの種を使用する場合

class MyComponent extends Component({ 
    constructor(){ 
    this.myFunc = this.myFunc.bind(this); 
    } 
    myFunc(){ 

    } 
    render(
    return(
     <button onClick={this.myFunc}></button> 
    ) 
) 
}) 

は、どのように私はparamsが何を渡すことができますか？

Answer 1

あなたはこの作品をすべき

constructor(){ 
    this.myFunc = myFunc.bind(this); 
} 

このラインでミスを犯しています

constructor(){ 
    this.myFunc = this.myFunc.bind(this); 
} 

myFunc(props){ 
    console.log(props); 
} 

Answer 2

あなたが最初のもののように直接渡すことはできません。しかし、e.targetを使って別の方法でアクセスすることができます。しかし、私はあなたがこれを好きなシナリオではわからない。

class MyComponent extends Component({ 
    constructor(){ 
     this.myFunc = this.myFunc.bind(this); 
    } 
    myFunc(e){ 
    console.log(e.target.arg); 
    } 
    render(){ 
     return(
     <button arg={yourargument} onClick={this.myFunc}></button> 
    ) 
    } 
})