GriddleGriddle / Griddle

Simple Grid Component written in React
http://griddlegriddle.github.io/Griddle/
MIT License
2.5k stars 377 forks source link

How to set the filter text externally #861

Open Debananda opened 5 years ago

Debananda commented 5 years ago

I have to preserve the filter during page navigation. I was going through https://github.com/GriddleGriddle/Griddle/blob/master/src/components/Filter.js, but did not found any way to set the filter text externally. Below snippet filter the data properly but doesn't set the filter text. Need some indicators to proceed

store.dispatch({ type: 'GRIDDLE_SET_FILTER', filter: this.props.filterText });

dahlbyk commented 5 years ago

<Griddle filter={...} /> works for setting the initial filter state; however, the default Filter component does not receive its initial value from state. I can't think of a reason we wouldn't want to fix that, if anyone's up for a PR. (Yes, I'm planning to start reviewing PRs again!)

In the meantime, you can replace the Filter component with one that does default to the initial filter: https://codesandbox.io/s/griddle-issue-861-zh7gp.