[解決済み] React の open mailto E-Mail クライアントの onClick で textarea から本文を取得する。
2022-02-11 09:25:28
質問
以前にも質問されたことがあるようなのですが、リアクトネイティブでのやり方しか見つかりませんでしたが 通常のreact for webではどうなっているのかがわかりませんでした。 . できれば ではなく のように、aタグやLinkタグなど、スタイルが必要なタグがある場合。
以下は、私がやりたいことを説明するためのコードです。
const onClickMailtoHandler = () => {
//TODO: open default e-mail client e.g. via mailto link with text from (state) variable as body
}
<Button onClick={onClickMailtoHandler}>Send E-Mail</Button>
以下は、HTMLでmailtoリンクを行う方法です。
<a href="mailto:[email protected]?body=My custom mail body">E-Mail to Max Mustermann</a>
解決方法は?
結局、コメントで@GitGitBoomが提案したものと同じようなコンポーネントを作りました。
未来のシーカーのために、ここに。
import React from "react";
import { Link } from "react-router-dom";
const ButtonMailto = ({ mailto, label }) => {
return (
<Link
to='#'
onClick={(e) => {
window.location = mailto;
e.preventDefault();
}}
>
{label}
</Link>
);
};
export default ButtonMailto;
このように使用します。
<ButtonMailto label="Write me an E-Mail" mailto="mailto:[email protected]" />
関連
-
[解決済み】React - 式は1つの親要素を持つ必要がありますか?
-
[解決済み】Reactでclsxを使用する方法
-
[解決済み] SVGサークル内の画像にボーダーを追加する方法
-
[解決済み] Angular 2の*ngForのReactでの同等品
-
[解決済み] React JS Jestで「SyntaxError: 予期しないトークン"
-
[解決済み] カスタマイズ素材UI チェックした場合としない場合の切り替え
-
[解決済み] React JSでは、状態を直接変異させない、setState() react/no-direct-mutation-stateを使用する。
-
[解決済み] は、gatsby-imageで動作する良いreactのカルーセルコンポーネントはありますか?[って聞かれます。]
-
[解決済み] React QueryとReduxの主な違いは何ですか?
-
[解決済み] HTMLボディを含むmailtoリンク
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】無効な設定オブジェクトです。APIスキーマと一致しない設定オブジェクトを使用してWebpackが初期化されました。
-
[解決済み】ReactJS: マテリアルuiのブレークポイントについて
-
[解決済み】ngrokがReact devサーバーに接続しようとすると、無効なホストヘッダが表示される。
-
[解決済み] Next.jsでWebSocketを利用する
-
[解決済み] MUI Boxは何のためのコンポーネントですか?
-
[解決済み] sh: react-scripts: npm start の実行後にコマンドが見つからない。
-
[解決済み] React の open mailto E-Mail クライアントの onClick で textarea から本文を取得する。
-
[解決済み] React - _this2.SetStateは関数ではありません。
-
[解決済み] react jsでウィンドウを開くイベントを処理するにはどうすればよいですか?
-
[解決済み] ESLintとTSLintの違い【クローズド】について