如何将mailto设置为子react.js组件的属性

import React from 'react';

function EmailLink({ email, subject, body }) {
  const mailtoLink = `mailto:${email}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;

  return (
    <a href={mailtoLink} target="_blank" rel="noopener noreferrer">
      Contact Us
    </a>
  );
}

export default EmailLink;

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

function App() {
  return (
    <div>
      <h1>Welcome to Our Site</h1>
      <EmailLink email="contact@example.com" subject="Feedback" body="I have some feedback for you." />
    </div>
  );
}

export default App;