pick-user-state.js

const PickUser = ({ selected, setSelected }) => {
    // Declare the local component's state.
    const [ editing, setEditing ] = useState( false );

    return (
        <div>
            { editing ?
                <EditUser selected={selected} setSelected={setSelected}
                          close={() => setEditing( false )}/>
            :
                <input value={ userToString( selected ) }
                       onClick={ () => setEditing( true ) }/>
            }
        </div>
    )
}