我正在使用marvelouse react-icons包(http://gorangajic.github.io/react-icons/fa.html),特别是字体真棒包.
如果这没有反应,那么我只需要为标签添加一个属性,例如:
<i class="fa fa-camera-retro fa-5x"></i>
Run Code Online (Sandbox Code Playgroud)
但是,如果我将fa-5x添加到FaFolderOpen标记中,它就不会执行任何操作.正如你所看到的,我正在使用react-bootstrap,并将图标设置为一个按钮(它应该是一个块)吗?
我不得不相信以前曾经问过,但我没有通过搜索找到它.
这是它的样子,我希望它更大:
const React = require('react')
import { Form, FormControl, FormGroup, ControlLabel, Col, Button, Tooltip, OverlayTrigger } from 'react-bootstrap'
import FaFolderOpen from 'react-icons/lib/fa/folder-open'
import FaFileCodeO from 'react-icons/lib/fa/file-code-o'
import FaFolderOpen from 'react-icons/lib/fa/folder-open'
import FaFileCodeO from 'react-icons/lib/fa/file-code-o'
<Button type="button" bsStyle="success" block onClick={(e) => folderChooser(e)}>
<FaFolderOpen />
</Button>
Run Code Online (Sandbox Code Playgroud)