如何使用React.js的复选框修改字符串中的文本？

import React, { useState } from 'react';

function App() {
  const [text, setText] = useState('Hello World');
  const [isChecked, setIsChecked] = useState(false);

  // 复选框改变事件处理函数
  const handleCheckboxChange = () => {
    setIsChecked(!isChecked);
  };

  return (
    <div>
      <input type="checkbox" checked={isChecked} onChange={handleCheckboxChange} />
      <input type="text" value={isChecked ? 'Modified Text' : text} onChange={(e) => setText(e.target.value)} />
    </div>
  );
}

export default App;