ChipComponent.js

import React from 'react'
import ChipInput from 'material-ui-chip-input'

class Chip extends React.Component {
	constructor(props) {
		super(props)
		this.state = {
			chips: [],
			limit: 3
		}
	}

	handleAddChip (data) {
		const chips = this.state.chips

		if(this.state.chips.length <this.state.limit &&data.length < 5){
			chips.push(data)
			console.warn(chips)
			this.setState({ chips })
		}
		
	}

	handleDeleteChip (chip, index) {
		const chips = this.state.chips
		chips.splice(index, 1)
		this.setState({ chips })
	}


	render() {
		return(
			<div>
				<ChipInput
					value={this.state.chips}
					onRequestAdd={(chip) => this.handleAddChip(chip)}
					onRequestDelete={(chip, index) => this.handleDeleteChip(chip, index)}
				/>
			</div>
		)
	}
}
export default Chip