私はReactの初心者です。Reactを学んでいると、イベントリスナーで匿名関数を使用することがありますが、以下のコードは同じでしょうか。関数onDeleteを呼び出すには、onClick = {this.onDelete(id)}を使用するだけでよいと思います。
const cartItem=this.props.cart.map((bookCart)=>{
return (
<Button onClick={()=>{this.onDelete(bookCart._id)}}>Delete</Button>
)
},this;
そして
const cartItem=this.props.cart.map((bookCart)=>{
return (
<Button onClick={this.onDelete(bookCart._id)}>Delete</Button>
)
},this;
引数を渡す必要がある場合は、矢印関数を使用できます。
関数に括弧を追加すると、実際に関数を実行していることになります。
したがって、このコードでは:
<Button onClick={ this.onDelete(bookCart._id) }>Delete</Button>
... onClickを次の結果に設定していますthis.onDelete(bookCart._id)
このような矢印関数を使用する場合:
<Button onClick={ () => this.onDelete(bookCart._id) }>Delete</Button>
...次に、onClickを、実行時this.onDelete
にパラメーターを使用して呼び出す関数に設定します。
これがお役に立てば幸いです。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加