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 Image Post

Hendrerit et sed non erat porta, feugiat mi nec, tincidunt massa, maecenas faucibus pellentesquesteres sollicitudin justo, vitae molestie turpis porta ut class aptent taciti sociosqu. Donec congue, neque at interdum vulputate, lectus tortor rutrum nisi, quis auctor elit dui quis enim. Phasellus leo lectus, ultrices vel vestibulum sed, ultrices eget sapien.