Javascript 在reactjs的函数参数中使用参数和变量

我有一个功能类型react组件：

function Card(props, {icon}) {
    return (
        <div className="card">
            <FontAwesomeIcon icon={icon} className="icon"/>
            <h3 className="text">{props.name}</h3>            
        </div>
    )
}

我怎样才能做到这一点

<Card name="Folder" icon="folder"/>

然后，我们可以在将其传递到组件时使用

function Card({icon, name}) {
    return (
        <div className="card">
            <FontAwesomeIcon icon={icon} className="icon"/>
            <h3 className="text">{name}</h3>            
        </div>
    )
}

---

太好了，一定要把它作为答案。

const props = {
   name: "Folder",
   icon: "folder",
}

function Card({icon, name}) {
    return (
        <div className="card">
            <FontAwesomeIcon icon={icon} className="icon"/>
            <h3 className="text">{name}</h3>            
        </div>
    )
}