如何在React.js中使用按钮更改<p>的文本？

import React, { useState } from 'react';

function TextChanger() {
  const [text, setText] = useState('初始文本');

  const changeText = () => {
    setText('新的文本');
  };

  return (
    <div>
      <p>{text}</p>
      <button onClick={changeText}>点击更改文本</button>
    </div>
  );
}

export default TextChanger;

import React from 'react';
import TextChanger from './TextChanger';

function App() {
  return (
    <div>
      <h1>React.js按钮文本更改示例</h1>
      <TextChanger />
    </div>
  );
}

export default App;