0

这是按钮,

在此处输入图像描述

这是我点击的按钮。

在此处输入图像描述

我不能说按钮不起作用,但与示例相比,它是如此有线:

http://react-toolbox.com/#/components/button

源代码:

import {Button} from 'react-toolbox/lib/button';

...

<Button icon='add' label='Add this' flat primary />

webpack.config.js 中的加载器:

{
        test: /react-toolbox\/.*.css/,
        use: [
          "style-loader",
          {
            loader: "css-loader",
            options: {
              modules: true,
              sourceMap: true,
              importLoaders: 1,
              localIdentName: "[name]--[local]--[hash:base64:8]"
            }
          },
          "postcss-loader" // has separate config, see postcss.config.js nearby
        ]
      },

请指教。

4

2 回答 2

0

将材质图标包含在index.html

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
于 2017-04-21T05:21:25.350 回答
0

您可以简单地安装以下模块。

https://www.npmjs.com/package/react-google-material-icons

安装

npm install react-google-material-icons

用它

import MaterialIcon from 'react-google-material-icons'

<MaterialIcon icon="account_box" size={36}/>
于 2017-05-15T17:52:59.373 回答