extends Autosuggest

[RahulGf4]

If you have ideas how to extend the Autosuggest API to support your new feature, please share!

import Autosuggest from 'react-autosuggest';
import React from 'react';

const renderSuggestionDefault = suggestion => <span>
    <h1>default</h1>
    {suggestion.name}
</span>;

class Myautosuggest extends Autosuggest {

  static defaultProps = {
    renderSuggestion: renderSuggestionDefault
  };

  constructor(props) {
    super(props)
  }

}
class Myautosuggest extends Component {

 return (
      //required
      <Cebautosuggest
        suggestions={suggestions}
        getSuggestionValue={getSuggestionValue}
        onSuggestionsFetchRequested={this.onSuggestionsFetchRequested}
        onSuggestionsClearRequested={this.onSuggestionsClearRequested}
        inputProps={inputProps}
      />
    );
}

if i am not passing renderSuggestion method it will take my renderSuggestionDefault .please any one guide and help me.

[aarondack]

Can you give a little more detail on what you are trying to achieve here? I see you aren't passing renderSuggestion as a prop which is required.

[grahul]

I want to extend the react-autosuggest. as a new wrapper class like (Myautosuggest) where I can do my new stuff.like example

• I have to give option are 5 (n number option) option .it will show suggestion and for the rest, we have to scroll.

• the number of reaming item in the list.

please see this picture it will clear your doubt.