Reactjs 尝试使用onclick按钮设置多个值时的反应

当用户单击支付方式卡时，应将usestates的值设置为相应的值

如何在onClick按钮函数中分配多个值？谢谢

<div className="col-md-auto" key={p.id}>
    <div className="card mb-4 shadow-sm">
        <div className="card-body">
            <p className="card-text"><b>{p.card_number}</b></p>
            <p className="card-text"><b>{p.expiry_date}</b></p>
            <p className="card-text"><b>{p.cardholder_name}</></p>
            <p className="card-text"><b>{p.sort_code}</b></p>
            <p className="card-text"><b>{p.cvv_number}</b></p>
            <div className="btn-group mr-2">
                <button
                    onClick={e => setExpiry_date(p.card_number),setExpiry_Date(p.expiry_date)}>
                    Click me!
                </button>
            </div>
        </div>
    </div>
</div>

{p.card\u number}
{p.expiration\u date}
{p.cardender\u name}
{p.sort\u code}
{p.cvv_number}
设置到期日（p.卡号），设置到期日（p.到期日）}>
点击我！

我认为拥有一个处理程序可能会使它更具可读性，并且您可能会因为语法和一些缺少的逗号而出现错误

我不知道这是否是个错误，但您在处理程序中对卡号和到期日期执行了两次

setExpiryDate

。我认为应该有两种不同的价值观。为了更清晰，您介意分享您的整个组件代码吗

另外，尝试使用

camelCase

作为所有持刀者，一些线绳可能不允许使用蛇壳，React也使用camelCase本身

你能看看下面的方法是否适合你吗

常量组件=（）=>{
const handleButtonClick=（）=>{
设置卡号（卡号）；
setExpiryDate（expiryDate）；
}
返回(
点击我
); 
}

看起来你已经在做了？@TJ它不起作用。它给出了以下错误TS18007:JSX表达式不能使用逗号运算符。你是想写一封信吗array@DanielOlsen到期日没有卡号？添加一个花括号并调用其中的两个函数如何

onClick={e=>{setExpiry_date（p.card_number）；setExpiry_date（p.expiry_date）；}

？@ikhvjs我得到一个错误，预期是一个赋值或函数调用，而在编译时看到了一个表达式。