小编Hoa*_*ien的帖子

我按命令创建了项目:

create-react-app app

我正在使用materialize-css http://materializecss.com/,并希望使用芯片http://materializecss.com/chips.html.

import React, { Component } from 'react';
import $ from 'jquery';
import 'materialize-css';

class Form extends Component {
    constructor(props) {
        super(props);
        $(document).ready(function() {
            $('.chips').material_chip({
                data: [{
                   tag: 'Apple',
                }, {
                   tag: 'Microsoft',
                }, {
                   tag: 'Google',
                }],
            });
        });
    }
    render() {
        return (
            <div>
                <div className="chips"></div>
                <button>Add</button>
            </div>
        )
    }
}

我试图导入:

import 'materialize-css/bin/materialize.css'
import 'materialize-css/bin/materialize.js'

但它不起作用.浏览器抛出错误:

Uncaught TypeError: $(...).material_chip is not a function