😃 反応アプリ[簡単な方法]で入力フィールドに絵文字ピッカーを追加します.

3431 ワード
webdev react codenewbie productivity テキストリンク

😯 シンプルで簡単な方法あなたの反応アプリに絵文字ピッカーを追加します。


Emojisは今、我々は単に我々のアプリケーションからそれらを残して余裕がないことを伝えるような重要な部分です.彼らは私たちがそれ以外のテキストのみでは難しいことができる私たちの日常の相互作用で自分自身を表現する方法に余分な次元を追加します🤪.

▶️ どのようにあなたの反応アプリに絵文字ピッカーを追加します。


私は、私の意見からreact-input-emojiを使っています.

  • InputMemoryは簡単な方法絵文字ピッカーのサポートを入力要素を提供します.入力フィールドの横にあるピッカーボタンをクリックし、ポップアップウィンドウから絵文字を選択します.完了!

    • 💠 チェックアウトしましょう.

    ステップ1


    あなたはNPMでそれを得ることができます.npm install react-input-emoji --save

    ステップ2：使用


    後は、Emjiを使用して入力を表示するには、入力をインポートEmojiコンポーネントをインポートします.
    import React, { useState } from 'react'
    import InputEmoji from 'react-input-emoji'

    export default function Example () {
      const [ text, setText ] = useState('')

      function handleOnEnter (text) {
        console.log('enter', text)
      }

      return (
        <InputEmoji
          value={text}
          onChange={setText}
          cleanOnEnter
          onEnter={handleOnEnter}
          placeholder="Type a message"
        />
      )
    }

    出力⏬.



    詳細はこちらをクリック。


    🙏コメント欄であなたの貴重なフィードバックを共有してください.
    閉じるこの動画はお気に入りから削除されています😉.

    クレームを保つだけでコード化😎.


    コーヒーサポート❤️

    [情報処理エンジニア実録]WINDOWS関数
    白駿1939解答