Knockout React BindingHandler. Fiddle: https://jsfiddle.net/luggage66/yoofaaqr/

reactBindingHandler.js

// Inspired by http://www.intelligiblebabble.com/making-reactjs-and-knockoutjs-play-nice
import ko from 'knockout';
import ReactDOM from 'react-dom';

const reactBindingHandler = {
    init(element, valueAccessor, allBindings, viewModel, bindingContext) {
        // make sure we cleanup, later.
        ko.utils.domNodeDisposal.addDisposeCallback(element, function() {
            ReactDOM.unmountComponentAtNode(element);
        });

        // and tell knockout to keep it's grubby mitts out of the react-generated DOM
        return { controlsDescendantBindings: true };
    },
    update(element, valueAccessor, allBindings, viewModel, bindingContext) {
        const renderFn = ko.unwrap(valueAccessor());

        // call the function provided. Assuming the function reads observables,
        // they will be observed so that this component updates.
        const componentTree = renderFn.call(viewModel);

        // (re)render.
        ReactDOM.render(componentTree, element);
    }
};

ko.bindingHandlers.react = reactBindingHandler;
export default reactBindingHandler;

view.html

Enter Name: <input data-bind="value: name" />

You Entered:
<div data-bind="react: renderSomeReactComponent"></div>

viewModel.jsx

import ko from 'knockout';
import React from 'react';

class MyViewModel {
  constructor() {
    this.name = ko.observable('Jimbo');
  }
  
  // will re-render then observable change.
  renderSomeReactComponent() {
    return <p>{this.name()}</p>;
  }
}

let myViewModel = new MyViewModel();

ko.applyBindings(myViewModel);