call clean() outside Geosuggest section

[ubilabs]

call clean() outside Geosuggest section

[Driklyn]

I'm no React expert, but I'm using ref for this purpose, like so:

var App = React.createClass({
  render: function() {
    return (
      <div>
        <Geosuggest
          ref="geosuggest" />
      </div>
    );
  }

  clearSearch: function() {
    this.refs.geosuggest.clear();
  }
});

[ro-ka]

Does this help, @farrrr? Thanks, @Driklyn!

[ro-ka]

I suppose it is working, reopen if not!

[BesatZardosht]

I have same issue. I want to clear the input when I render the component. How can I do that?

[ro-ka]

Do you want to clear it on the first render? Then just provide an empty initialValue.
Do you want to clear it on every render call? Wouldn’t advice that…

You can call the clear like @Driklyn described above.

[BesatZardosht]

initialValue is not what I need. I neetd to clear it outside the component like, in its parent render. or by clicking a button.

When I try @Driklyn code I get this:
Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's render method, or you have multiple copies of React loaded

[ro-ka]

I cannot say what the problem is without any code. However, this is not related to the component, it’s general React.
Did you check with the mentioned advises in you component?

[yfr]

When adding this method to geosuggest (just quick and dirty test). We are able to get the current activeSuggest. But after that the suggestion list collapses and activeSugggest is reset.

This is a good thing as we do not want to have an activeSuggest when the list is not visible.

  selectActiveSuggest() {
    return this.state.activeSuggest;
  }

One solution would be that we have an exposed method to trigger geocodeSuggest return the response.

[michalica]

I am not sure but how can I call clear() on Focus when I use ES6 syntax?