如何在react js中将onchange值逐个存储在数组状态中

const [values, setValues] = useState([]);

<input type="text" onChange={(e) => setValues([...values, e.target.value])} />

import React, { useState } from 'react';

function App() {
  const [values, setValues] = useState([]);

  const handleChange = (e) => {
    setValues([...values, e.target.value]);
  };

  return (
    <div>
      <input type="text" onChange={handleChange} />
      <ul>
        {values.map((value, index) => (
          <li key={index}>{value}</li>
        ))}
      </ul>
    </div>
  );
}

export default App;