您在ES6中如何称呼此表达式？

Question

我正在学习react js，遇到了example位在线发布的人，代码如下所示

const Name = ({ 
  id, 
  info, 
  handleFavourite 
 }) => (
 <li
    className={info.sex}
    onClick={() => handleFavourite(id)}>
    {info.name}
 </li>

）

然后我转换为ES5，如下图所示

    var Name = function Name(_ref) {
    var id = _ref.id,
    info = _ref.info,
    handleFavourite = _ref.handleFavourite;
    return React.createElement("li", {
     className: info.sex,
     onClick: function onClick() {
     return handleFavourite(id);
   }
  }, info.name);

};

我认为节省时间并一次性创建多个变量是一种非常普遍的做法，这种语法是否有名称，或者在哪里可以找到更多有关此的信息。

谢谢