使用React制作一个简单的留言板。我是否必须设置一个服务器，或者我可以在本地存储状态？

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

const MessageBoard = () => {
  const [messages, setMessages] = useState([]);

  useEffect(() => {
    // 从localStorage中读取保存的留言数据
    const savedMessages = localStorage.getItem('messages');
    if (savedMessages) {
      setMessages(JSON.parse(savedMessages));
    }
  }, []);

  useEffect(() => {
    // 监听留言数据的变化，并保存到localStorage中
    localStorage.setItem('messages', JSON.stringify(messages));
  }, [messages]);

  const handleAddMessage = (message) => {
    setMessages([...messages, message]);
  };

  return (
    <div>
      <h1>Message Board</h1>
      <ul>
        {messages.map((message, index) => (
          <li key={index}>{message}</li>
        ))}
      </ul>
      <input type="text" onChange={(e) => handleAddMessage(e.target.value)} />
    </div>
  );
};

export default MessageBoard;