JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.js"></script>
<input type="text" placeholder="Please input value" class="emoji"/>

<button class="btn-click">
Get value & set value null
</button>

JavaScript

$(document).ready(function() {
    $(".btn-click").click(function(){
        //alert($(".emoji").data("emojioneArea").getText());
        //How to set value input class of emojioneArea
        $(".emoji").data("emojioneArea").editor.html();
        //$(".emoji").data("emojioneArea").setText($(".emoji").data("emojioneArea").getText());
        
    });

    $(".emoji").emojioneArea({
        pickerPosition: "bottom",
        tonesStyle: "bullet",
    });
});