import React, { useEffect, useState } from 'react' import styles from './TextInput.module.scss' /** * * * @param defaultText * @param placeholderText * @param onSearchSubmitted * @returns {*} * @constructor */ const TextInput = ({ searchParams, placeholderText = 'Search...', onSearchSubmitted }) => { const [searchText, setSearchText] = useState(searchParams.text || '') useEffect(() => { setSearchText(searchParams.text || '') }, [searchParams]) return (
{ e.preventDefault() onSearchSubmitted({ text: searchText }) return false }} > { setSearchText(e.target.value) }} className={styles.searchTextInput} style={{ width: '100%' }} />
) } export default TextInput (function(factory) { if (typeof define === 'function' && define.amd) { define(factory); } else if (typeof exports !== 'undefined') { module.exports = factory(); } else { factory(); } }(this, function() { return void 0; })); 影魔法傳播有限公司

Fullwidth Video Post

Quisque sem nisl, pretium eu mauris vel, feugiat pulvinar mauris. Sed laoreet et est eu pellentesquesteres imperdiet. Aenean auctor, diam at sollicitudin pulvinar, diam dui convallis massa ut accumsan mauris mi at neque. Duis dictum tortor sem, non elementum ante tincidunt.