实用技巧-Icon

Time: 20200303
Link: react-icons.netlify.com,
https://youtu.be/4l0nsK4ezNc?list=PLC3y8-rFHvwhAh1ypBvcZLDO6I7QTY5CM
License: Apache，不是那么开放

安装

yarn add react-icons

使用

import {ICON_NAME} from 'react-icons/fa'
import {ICON_NAME} from 'react-icons/md'

示例：

import React from 'react';
import { FaReact } from 'react-icons/fa'

import './App.css';

function App() {
  return (
    

     
    
  );
}

export default App;

使用上下文来传递数据

import React from 'react';
import { FaReact } from 'react-icons/fa'
import { MdAlarm } from 'react-icons/md'
import { IconContext } from 'react-icons'

import './App.css';

function App() {
  return (
    
    
      

        
        
      

    
  );
}

export default App;

设置优先级

在元素上设置即可重定义样式。

END.