在onPress处理程序中反应Native Button访问事件目标prop

时间:2020-03-27 16:46:54

标签: javascript reactjs react-native jsx dom-events

在React.js中,我可以为按钮设置'Venta'属性,并通过{ $project: { agencyname: '$name', agencyId: '$_id', sumVentaWp: { $sum: { $cond: [{ $in: [ "Venta","$dwellingDetail.publicationType"] }, then: 1, else: 0 ] } }, sumVentaMail: { $sum: { $cond: [{ $in: [ "Venta", '$dwellingDetail.publicationType'] }, 1, 0] } }, sumAlquilerWp: { $sum: { $cond: [{ $in: ["Alquiler",'$dwellingDetail.publicationType'] }, 1, 0] } }, sumAlquilerMail: { $sum: { $cond: [{ $in: [ "Alquiler",'$dwellingDetail.publicationType'] }, 1, 0] } }, pubType: '$dwellingDetail.publicationType', whatsappcounter: { $sum: '$inquiries.whatsappcounter' }, mailcounter: { $sum: '$inquiries.mailcounter' }, 'detail._id': '0' } } 处理程序中的value访问值:

evt.target.value

但是,对于React Native来说,同样的事情不起作用,因为onClick返回了一些ID而不是目标元素:

const onClick = useCallback(evt => console.log(evt.target.value), []);

{[1, 2, 3].map(e => (
  <button value={e} onClick={onClick} />
))}

我不想诉诸evt.target,因为它每次都会生成一个新函数并导致不必要的重新渲染({[1, 2, 3].map(e => ( <Button value={e} onPress={onClick} /> ))} 的整个目的就是为了避免这种情况)。

我如何在React Native中完成相同的任务?

0 个答案:

没有答案