[21/08/17]ファイルダウンロードとクリップボードコピー機能の追加


今日、今日


コンテンツを含む検索画面の削除
コンテンツ機能設計の再構築
仕入先機能の完了

明日、明日


  • 私のページの蒸し物リスト、最近見た商品->ボタン部品の蒸し物、または最近見なかった商品をアクティブにしてください.

  • 通知機能の削除

  • 「コンテンツ詳細」画面での煮込み

  • 不快な論理を作成

  • 構成部品で一般変数に変更する->useref
  • Learn


    ボタンを使用してファイルをダウンロード


    次の手順でタグを作成します.
    <a
      // href -> 파일의 주소
                      href="/documents/오즈의제작소_입점제안서.pdf"
      // href -> 다운로드 할때 저장되는 파일의 이름을 지정
                      download="오즈의제작소_입점제안서.pdf"
      // hidden 속성으로 가린다.
                      hidden
      
      // ref를 달아 click 이벤트를 트리거할 수 있도록한다.
                      ref={downloadRef}
                    ></a>
    hiddenプロパティは非表示ですが、display:noneとは異なり、ビューポート内で位置を占めています.
    したがって、ブラウザレンダリング中にレイアウトが生成されます.
    // button onclick handler
      const onClickEntranceProposal = () => {
        // a태그의 클릭 이벤트를 트리거한다.
        downloadRef.current.click();
      };

    ボタンクリップボードにテキストをコピー


    textarea-inputは下図のように、非表示または表示がないとコピーが正常に実行されないことに注意してください.したがって、元の要素を保持します.
     <textarea
                      value={'[email protected]'}
                      ref={copyRef}
                    ></textarea>
    ハンドラを作成し、ボタンにインストールします.
      const onClickEntranceMail = () => {
        copyRef.current.select();
        document.execCommand('copy');
        alert('이메일 주소가 복사되었습니다.');
      };