React中的Clear按钮清除输入，但不重置数组元素

state = {
  inputValues: []
};

handleChange = (event) => {
  const { value } = event.target;
  this.setState(prevState => ({
    inputValues: [...prevState.inputValues, value]
  }));
};

handleClear = () => {
  this.setState({
    inputValues: []
  });
};

render() {
  const { inputValues } = this.state;

  return (
    <div>
      <input type="text" onChange={this.handleChange} />
      <button onClick={this.handleClear}>Clear</button>
      <ul>
        {inputValues.map((value, index) => (
          <li key={index}>{value}</li>
        ))}
      </ul>
    </div>
  );
}