JSFiddle - React, Tailwind, and code Playground

by stratdaz

HTML

<div data-bind="text: link1"></div>
<div data-bind="text: link2"></div>
<div data-bind="text: link3"></div>

JavaScript

function baseVm() {
    this.baseUrl = "/MyApp/Clients/";
    this.link1 = ko.observable(this.baseUrl + "Details?ClientId=" + this.clientId);
    this.link2 = ko.observable(this.baseUrl + "Sessions?ClientId=" + this.clientId);
    this.link3 = ko.observable(this.baseUrl + "Invoices?ClientId=" + this.clientId);
}

function childVm() {
    this.clientId = "35";
    baseVm.apply(this);
}

var c = new childVm();

ko.applyBindings(c);