autocompTest.js

import React from 'react';
import ReactDOM from 'react-dom';

import AutoComplete from 'material-ui/AutoComplete';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

class AutoCompleteTest extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      dataSource: [],
      searchText: ''
    };
  }

  handleUpdateInput(value) {
    this.setState({
      dataSource: [
        value,
        value + value,
        value + value + value,
      ],
    });
  };

  handleNewRequest(value) {
    this.setState({
      searchText: ''
    });
  }

  render() {
    return (
      <div>
        <AutoComplete
          hintText="Type anything"
          dataSource={this.state.dataSource}
          onUpdateInput={this.handleUpdateInput.bind(this)}
          onNewRequest={this.handleNewRequest.bind(this)}
          searchText={this.state.searchText}
        />
      </div>
    );
  }
}

const muiTheme = getMuiTheme();
ReactDOM.render(
  <MuiThemeProvider muiTheme={muiTheme}>
    <AutoCompleteTest />
  </MuiThemeProvider>,
  document.getElementById('main')
);