Build Applications with Meteor

The Filter components

 

The FilterForm renders the FilterTextInput component by passing three props: handleSave, a callback that will dispatch and action, addFilter(), a placeholder, the placeholder value of the textbox, and a newFilter. From the component diagram, you'll note that we rendered the FilterTextInput component from the FilterForm and the FilterListItem. From the FilterForm, we will create a new filter and from the FilterListForm, we use the same component for editing the existing filters. If we render it with newFilter as a prop, the component can be used for adding; if we don't pass it, the text input can be used for editing. ...