JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/[email protected]/dist/react.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/react-dom.min.js"></script>
<script src="https://unpkg.com/[email protected]/built/bundle.js"></script>
<script src="https://unpkg.com/[email protected]/built/bundle.js"></script>
<script src="https://unpkg.com/[email protected]/built/bundle.js"></script>
<div id='react-dom'></div>

Babel + JSX

// import { observable } from 'dob'
// import { Connect } from 'dob-react'

@observable
class ArticleAction {
    title = "我是标题党"

    @Action changeTitle() {
        this.title = "改变了"
    }
}

@Connect({
	store: new ArticleAction()
})
class Article extends React.Component<any, void> {
    componentWillMount() {
        setTimeout(() => {
            this.props.store.changeTitle()
        }, 1000)
    }

    render() {
        return (
            <div>{this.props.store.title}</div>
        )
    }
}

ReactDOM.render(<Article />, document.getElementById("react-dom"))