如何将JSON数据附加到元素，以便稍后在React中检索？

import React from 'react';

const MyComponent = ({ jsonData }) => {
  // 在组件中使用jsonData
  // ...
};

export default MyComponent;

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

const App = () => {
  const jsonData = {
    key1: 'value1',
    key2: 'value2',
    // ...
  };

  return (
    <div>
      <MyComponent jsonData={jsonData} />
    </div>
  );
};

export default App;

import React from 'react';

const MyComponent = ({ jsonData }) => {
  // 使用jsonData
  console.log(jsonData.key1); // 输出：value1
  console.log(jsonData.key2); // 输出：value2
  // ...

  return (
    <div>
      {/* 组件的其他内容 */}
    </div>
  );
};

export default MyComponent;