如何组合两个箭头函数？

Question

如何组合以下两个函数，我需要在单个元素中使用它们。请帮忙

onClick={() => setSelectedItem("List A")}
onClick={(e) => e.stopPropagation()}

e.g <a onClick={function1, funtion2}

Answer 1

在一个函数体中调用它们

<a onClick={(e) => {
  e.stopPropagation();
  setSelectedItem("List A")
}} >

Answer 2

只需将它们放入一个函数中即可

onClick = {(e) => {
    e.stopPropagation();
    setSelectedItem("List A");
}}

Answer 3

onClick = {(e) => { setSelectedItem("List A"); e.stopPropagation() }}

How to combine two arrow function?