Question

Views

is there a way I can empty the input field and still return to default "technology" results on the page enter image description here

By default data showing are correct, it fetches data as I type(due to dependency) is also working fine but as soon as i empty input..

about 4 years ago · Juan Pablo Isaza

Answer question

Answer 1 · 2022-07-10T07:38:55.600Z

You can prevent the error by adding a check before the article.map block is rendered:

<div className="wrapper">
    { article ? (article.map(...)) : 'No article found...'}
</div>

If you need to reset the input state to Technology you can define a custom function, and call it when needed:

const resetInput = () => {
    setInput('Technology')
}