reactjs - react-boilerplate で react-icons パッケージを使用する

Question

反応アイコンをインストールしてインポートしようとすると

import FaBeer from 'react-icons/fa/beer';エラーが発生する

Module parse failed: /Users/firfi/work/react-redux-todo/node_modules/react-icons/fa/beer.js Unexpected token (8:12)

インポートをimport FaBeer from 'react-icons/lib/fa/beer';次のように変更すると、

Module parse failed: /Users/firfi/work/react-redux-todo/node_modules/react-icon-base/index.js Unexpected token (3:50)
You may need an appropriate loader to handle this file type.

エラー メッセージを読んで、webpack の設定を変更する必要があることがわかりました。

だから私は除外ステートメントを変更しました

{
  test: /\.js$/, // Transform all .js files required somewhere with Babel
  loader: 'babel',
  exclude: /node_modules/,
  query: options.babelQuery,
}

にexclude: /node_modules\/(?!(react-icon-base|react-icons)\/).*/,

そして今、私はできるimport FaBeer from 'react-icons/fa/beer';

ただし、レンダリングメソッドのように使用すると、エラーが発生します

warning.js:36Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method ofファビア.

では、どうやってビールを手に入れますか？