在React中,可以通过以下几种方式在onClick事件中保存多个数据:
<button onClick={() => handleClick(data1, data2)}>Click me</button>
在这个例子中,handleClick函数接收两个参数data1和data2,通过箭头函数将它们传递给onClick事件。
<button onClick={handleClick.bind(this, data1, data2)}>Click me</button>
这种方式使用bind方法将data1和data2作为参数传递给handleClick函数。
<button onClick={handleClickWrapper(data1, data2)}>Click me</button>
在这个例子中,handleClickWrapper是一个返回一个函数的函数,它接收data1和data2作为参数,并返回一个函数,该函数在点击事件发生时调用handleClick函数。
无论使用哪种方式,handleClick函数都可以接收到data1和data2的值。在handleClick函数中,你可以根据需要对这些数据进行处理或保存。
对于React Js的更多信息和使用示例,你可以参考腾讯云的React Js产品介绍页面:React Js产品介绍
领取专属 10元无门槛券
手把手带您无忧上云