src/main.js
/**
   * render - return all the home page objects to be rendered.
   */
return all the home page objects to be rendered.
return all the home page objects to be rendered .
render() {
    const { userInput } = this.state;
    return (
      <Grid celled className='search-grid'>
        <Grid.Row className='matches-grid-row'>
          <Grid.Column width={16}>
            <Card className='chatbot-container'>
              <Card.Content className='dialog-header'>
                <Card.Header>Document Search ChatBot</Card.Header>
              </Card.Content>
              <Card.Content>
                {this.getListItems()}
              </Card.Content>
              <Input
                icon='compose'
                iconPosition='left'
                value={userInput}
                placeholder='Enter response......'
                onKeyPress={this.handleKeyPress.bind(this)}
                onChange={this.handleOnChange.bind(this)}
              />
            </Card>
          </Grid.Column>
        </Grid.Row>
      </Grid>
    );
  }
render ( ) { const { userInput } = this . state ; return ( < Grid celled className = 'search-grid' > < Grid . Row className = 'matches-grid-row' > < Grid . Column width = { 16 } > < Card className = 'chatbot-container' > < Card . Content className = 'dialog-header' > < Card . Header > Document Search ChatBot < / Card . Header > < / Card . Content > < Card . Content > { this . getListItems ( ) } < / Card . Content > < Input icon = 'compose' iconPosition = 'left' value = { userInput } placeholder = 'Enter response......' onKeyPress = { this . handleKeyPress . bind ( this ) } onChange = { this . handleOnChange . bind ( this ) } / > < / Card > < / Grid . Column > < / Grid . Row > < / Grid > ) ; }
render - return all the home page objects to be rendered.
render - return all the home page objects to be rendered .