如何将其转换为react功能组件

import React from 'react';

function QnAComponent(props) {
  // 组件的逻辑和状态
  return (
    <div>
      {/* 组件的渲染内容 */}
    </div>
  );
}

function QnAComponent(props) {
  const { question, answer } = props;

  return (
    <div>
      <h3>{question}</h3>
      <p>{answer}</p>
    </div>
  );
}

export default QnAComponent;

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

function App() {
  const question = '如何将一个问答内容转换为React功能组件？';
  const answer = '可以通过创建一个React函数组件，并根据问答内容的结构进行渲染。';

  return (
    <div>
      <QnAComponent question={question} answer={answer} />
    </div>
  );
}

export default App;