如何在react原生应用中动态更改标题文本？

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

const [title, setTitle] = useState('初始标题');

useEffect(() => {
  document.title = title;
}, [title]);

<input
  type="text"
  value={title}
  onChange={(e) => setTitle(e.target.value)}
/>

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

function App() {
  const [title, setTitle] = useState('初始标题');

  useEffect(() => {
    document.title = title;
  }, [title]);

  return (
    <div>
      <input
        type="text"
        value={title}
        onChange={(e) => setTitle(e.target.value)}
      />
    </div>
  );
}

export default App;