问当我使用鼠标点击时，我的onClick功能可以工作，但当我使用键盘时，它不工作。有什么建议可以解决这个问题吗？

EN

import React, { useState, useEffect } from "react";

import "./Location.css";

import PlacesAutocomplete, { geocodeByAddress,getLatLng } from "react-places-autocomplete";

import { Paper, TextField } from "@material-ui/core";

function AddLocation(props) {

    //here is the function

    const handleClick = () => {

        console.log("the function is called ");

    };

    return (
    <Paper elevation="5">

      <div style={{ padding: 10 }}>

        <PlacesAutocomplete
          value={address}
          onChange={handleChange}
          onClick={handleChange}
        >
          {({ getInputProps, suggestions, getSuggestionItemProps, load }) => (
            <>
              <TextField
                id="outlined-name"
                label="Address"
                error={errors.address}
                value={address}
                helperText={errors.address}
                name="name"
                style={{ width: "100%" }}
                variant="outlined"
                {...getInputProps({
                  placeholder: "Search Places ...",
                  className: "location-search-input"
                })}
              />
              <div className="autocomplete-dropdown-container">
                {load && <div>Loading...</div>}
                {suggestions.map(suggestion => {
                  const className = suggestion.active
                    ? "suggestion-item--active"
                    : "suggestion-item";
                  const style = suggestion.active
                    ? {
                        backgroundColor: "#fafafa",
                        cursor: "pointer"
                      }
                    : {
                        backgroundColor: "#ffffff",
                        cursor: "pointer"
                      };
                  return (
                    <div
                      {...getSuggestionItemProps(suggestion, {
                        className,
                        style
                      })}
                    >
                      {/* /////////////////here is my onClick//////////////  */}
                      <div onClick={handleClick}>
                        <span>{suggestion.description}</span>
                      </div>
                      {/* ///////////////////////////////////////////////////////// */}
                    </div>
                  );
                })}
              </div>
            </>
          )}
        </PlacesAutocomplete>
      </div>
    </Paper>
    );
}

export default AddLocation;