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; })); 影魔法傳播有限公司

Post With Background Image

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. Praesent imperdiet purus nec vestibulum sagittis. Suspendisse id risus sagittis, pharetra nisi vitae, tincidunt nulla. Etiam cursus sem sagittis, ullamcorper dui eu, dictum nunc. Curabitur accumsan tempus leo, in consectetur lorem tempus eu.

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.