我使用.jsx文件创建了Card 组件并加载到.js文件中。它正在发挥作用。这里我想知道,如何在卡片上添加社交媒体图标?
这是一个新的React项目,希望运行mongodb。我尝试过使用这个
npm install -g bower
bower install bootstrap-social.
Run Code Online (Sandbox Code Playgroud)
但没有成功。
const Card = props=>{
return(
<div className="card text-center shadow">
<div className="overflow">
<img src={props.imgsrc} alt='image 1' className="card-img-top" />
</div>
<div className="card-body text-dark">
<h4 className="card-title">{props.title} </h4>
<p className="card-text text-secondary">
Lorem ipsum dolor sit amet consectetur,
</p>
**<a href="#" className="btn btn-outline-success">Go Anywhere</a>**
</div>
</div>
);
};
Run Code Online (Sandbox Code Playgroud)
我希望将上面的“Go Anywhere”按钮更改为 Twitter 按钮。并将 Facebook、Instagram 等其他按钮放在同一行。
reactjs ×1