複数のカスタムパラメータをvue、react、サードパーティコンポーネントイベントに追加します

複数のカスタムパラメータをvue、react、サードパーティコンポーネントイベントに追加します

実際、vueとreactは似ています。アイデアは、元のサードパーティコンポーネントのパラメーターを渡し、複数のパラメーターをカスタマイズする必要がある関数に戻ることです。
公式の反応を参照してここに画像の説明を挿入
くださいes6の...演算子を使用してください。元のパラメーターの数を気にする必要はありません。次のサブなど、必要なパラメーターを直接追加するだけです。クリックしてアイテムの値を取得します。 。

import React from 'react'

function EventParams(){
    let num=[1,2,3,4]
    let  listItems=num.map(item=>
        <li key={item} onClick={(...params)=>getNum(...params,item)}>{item}</li>
    )
    function getNum(...params){
        console.log(params[1])
    }
    return(
        <div>
            <ul>{listItems}</ul>
        </div>
    )
}
export default EventParams

Vueもこのように扱うことができます

おすすめ

転載: blog.csdn.net/weixin_44494811/article/details/107224501