ac-udit-user-use-state.js

export const EditUser = ({ selected, setSelected, close }) => {
    // Create the `filter` local state.
    const [ filter, setFilter ] = useState('');

    return (
        <div>
            <DelayedInput autoFocus
                value={ filter }
                onChange={ e => setFilter( e.target.value ) }
                placeholder="Start typing..."
                onBlur={ close } />
            
            { filter ?
                <UsersList filter={ filter } selected={ selected } setSelected={ setSelected }/>
            : void 0 }
        </div>
    );
}