如何保存用户在reactjs中输入的文本？

import React, {useState} from "react";
import "./ToDo.css";

const ToDo = () => {
    const [input, setInput] = useState('');

    const HandleInputChange = (event) => {
        setInput(event.target.value);
    }

    const SaveInput = () => {
        setInput(document.innerText = input)
    }

    const DeleteInput = () => {
        setInput('');
    }

    return(
        <div>
            <input type={'text'} value={input} onChange={HandleInputChange}/>
            <button onClick={SaveInput}>✓</button>
            <button onClick={DeleteInput}>X</button>
            <br/>
            <br/>
            <ul>
                <li>{input}</li>
            </ul>

        </div>
    );
}

export default ToDo;

我想知道如何保存用户键入的输入，以及如何保存并向用户显示它