전자 메일 클라이언트 시작 및 열기 방법반응JS

전자 메일 클라이언트 시작 및 열기 방법반응JS

내 리액션 어플리케이션에서 이 클릭과 같은 팝업을 보여주고 싶다.간단히 말해, ReactJs에서 이메일 클라이언트를 시작하고 열고 싶다.현재 간단한 p 태그를 사용하고 있다.

 <p className="cnct_email_addr">Email US</p>

메일을 이렇게 사용하는 방법이 있다는 것을 안다.

<a href="mailto:someone@yoursite.com">Email Us</a>

하지만 나는 그것을 할 수 있는 좀 더 반응적인 방법이 있는지 알고 싶다.만약 있다면 나에게 알려줘.

당신은 그 문을 열 수 있다.mailto을 사용하여 연결하다.window

window.open('mailto:email@example.com?subject=Subject&body=Body%20goes%20here')

const Mailto = ({ email, subject, body, children }) => {
  return (
    <a href={`mailto:${email}?subject=${encodeURIComponent(subject) || ''}&body=${encodeURIComponent(body) || ''}`}>{children}</a>
  );
};

ReactDOM.render(
  <Mailto email="foo@bar.baz" subject="Hello & Welcome" body="Hello world!">
    Mail me!
  </Mailto>,
  document.getElementById('root')
);

참조 링크.

이 '링크'를 가져와야 함

<Button onPress={() => Linking.openURL('mailto:support@example.com?subject=SendMail&body=Description') }
              title="support@example.com" />

참조URL: https://stackoverflow.com/questions/63909032/how-to-launch-and-open-email-client-reactjs