How to convert Search component to semantic-ui-react on Redux?

Question

React

There is a task - to implement a search in a .json file using the semantic-ui-react library, namely its Search component using Redux. The official documentation has an example of such an implementation, but only in ReactJS, without Redux. Maybe someone knows what and how to remake it so that it works on Redux?
Here is a link to an example in the sandbox https://codesandbox.io/s/my1n2v6j78?module=/example.js
Thanks a lot in advance!

Answer 1

You need to change the filter state in the onSearchChange callback. And you can store the filter at least in the state of the component. Example:

handleSearchChange = (e, { value }) => {
  this.setState({ filter: value });
};

The results array, in your case, will contain the data received from the storage and processed by the filter.

const results = data.filter(item => item.title.toLowerCase().includes(filter.toLowerCase()));