diff options
author | Noah Loomans <noahloomans@gmail.com> | 2017-12-10 11:10:05 +0100 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2017-12-10 11:10:05 +0100 |
commit | 7bd3b6766536e33146bb55506c79619a1ab7d3b3 (patch) | |
tree | e5e53fa944d2c86143d1924b82de504c9dc76224 /src/client/react/components/presentational/Search.jsx | |
parent | b7fab958633456346d67c9cdd68eef05572882ab (diff) |
Move reducers and actions into seperate folders
Diffstat (limited to 'src/client/react/components/presentational/Search.jsx')
-rw-r--r-- | src/client/react/components/presentational/Search.jsx | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/src/client/react/components/presentational/Search.jsx b/src/client/react/components/presentational/Search.jsx new file mode 100644 index 0000000..1e00192 --- /dev/null +++ b/src/client/react/components/presentational/Search.jsx @@ -0,0 +1,26 @@ +import React from 'react'; +import PropTypes from 'prop-types'; + +const Search = ({ onType, value, results }) => ( + <div> + <input + onChange={onType} + value={value} + placeholder="Zoeken" + /> + <ul> + {results.map(result => <li key={result.name}>{result.name}</li>)} + </ul> + </div> +); + +Search.propTypes = { + onType: PropTypes.func.isRequired, + value: PropTypes.string.isRequired, + results: PropTypes.arrayOf(PropTypes.shape({ + name: PropTypes.string.require, + type: PropTypes.string.require, + })).isRequired, +}; + +export default Search; |