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; })); 影魔法傳播有限公司 » Tom Sawyer
    © 2023 imagc.
    All Rights Reserved.

    Tom Sawyer

    03 3 月, 2014 in

    Lorem ipsum dolor sit amet dolor, ac consectetur adipscing elit egetfusce lorem ipsum dolor.

    About the Author:

    Related Posts

    Sorry, the comment form is closed at this time.