JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqxknockout.js"></script>
<div data-bind="jqxDropDownButton:{}">
    <ul data-bind="jqxTree:{}"></ul>
</div>

JavaScript

ko.bindingHandlers.jqxDropDownButton = {
    init: function (element, valueAccessor, allBindings, viewModel) {
        var $el = $(element),
            options = ko.unwrap(valueAccessor());
        $el.jqxDropDownButton({
            disabled: false,
            autoOpen: true,
            popupZIndex: 20000,
            enableBrowserBoundsDetection: false,
            animationType: 'slide',
            openDelay: 350,
            closeDelay: 400
        });

        ko.utils.domNodeDisposal.addDisposeCallback($el, function () {
            $el.jqxDropDownButton('destroy');
        });
    }
};