如何从json数据中删除&nbsp；并在React App中显示纯文本

import React from 'react';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      jsonData: {} // 存储解析后的JSON数据
    };
  }

  componentDidMount() {
    // 模拟获取JSON数据的过程
    const jsonStr = '{"text": "Hello World"}';
    const jsonData = JSON.parse(jsonStr);
    
    // 删除 
    this.removeNbsp(jsonData);

    // 更新state
    this.setState({ jsonData });
  }

  removeNbsp(obj) {
    for (let key in obj) {
      if (typeof obj[key] === 'string') {
        obj[key] = obj[key].replace(/ /g, ' ');
      } else if (typeof obj[key] === 'object') {
        this.removeNbsp(obj[key]);
      }
    }
  }

  render() {
    const { jsonData } = this.state;

    return (
      <div>
        <h1>JSON数据</h1>
        <pre>{JSON.stringify(jsonData, null, 2)}</pre>
        <h1>纯文本</h1>
        <p>{jsonData.text}</p>
      </div>
    );
  }
}

export default App;