有没有办法使用react将这个字典列在前端(显示在浏览器中)？

const dictionary = {
  term1: 'definition1',
  term2: 'definition2',
  term3: 'definition3',
  // ...
};

import React from 'react';

const Dictionary = ({ data }) => {
  return (
    <div>
      {Object.entries(data).map(([term, definition]) => (
        <div key={term}>
          <h3>{term}</h3>
          <p>{definition}</p>
        </div>
      ))}
    </div>
  );
};

export default Dictionary;

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

const App = () => {
  const dictionary = {
    term1: 'definition1',
    term2: 'definition2',
    term3: 'definition3',
    // ...
  };

  return (
    <div>
      <h1>Dictionary</h1>
      <Dictionary data={dictionary} />
    </div>
  );
};

export default App;