React.createClass({ displayName: 'PasswordGenerate', render: function render() { return React.createElement( 'button', _extends({}, this.props, { className: 'btn generate-btn' }), this.props.children ); } })
render() { return React.createElement("button", { className: "btn" }, this.props.buttonLabel); }
render() { let url = '/' + this.props.label.toLowerCase().trim().replace(' ', '-'); return React.createElement("div", null, React.createElement("a", { href: url }, this.props.label), React.createElement("br", null)); }
render() { console.log('Rendering Clock...'); return React.createElement("div", null, React.createElement(AnalogDisplay, { time: this.state.currentTime }), React.createElement(DigitalDisplay, { time: this.state.currentTime })); }
export function App(props) { const { repos = [] } = props return React.createElement('p', { children: repos.length ? repos[0].name : 'no name', }) }
render() { return React.createElement("div", null, this.state.menus.map((v, i) => React.createElement("div", { key: i }, React.createElement(LinkZ, { label: v })))); }
React.createClass({displayName: "Badge", render: function() { return React.createElement("button", {className: "btn btn-primary", type: "button"}, this.props.title, " ", React.createElement("span", {className: "badge"}, this.props.number) ) } })
render() { return React.createElement("div", null, React.createElement("button", { onClick: this.handleClick.bind(this), className: "btn btn-primary" }, "Don't click me ", this.state.counter, " times!")); }
/* render a controlled element */ render() { return React.createElement("div", null, "Account Number:", React.createElement("input", { type: "text", onChange: this.handleChange, placeholder: "123456", value: this.state.accountNumber }), React.createElement("br", null), React.createElement("span", null, this.state.accountNumber.length > 0 ? 'You entered: ' + this.state.accountNumber : '')); }
render() { return React.createElement("button", { onClick: this.props.handler, className: "btn btn-danger" }, "Increase Volume (Current volume is ", this.props.counter, ")"); }
render() { return React.createElement("div", null, React.createElement(EnhancedButton, null), React.createElement("br", null), React.createElement("br", null), React.createElement(EnhancedLink, null), React.createElement("br", null), React.createElement("br", null), React.createElement(EnhancedLogo, null), React.createElement("br", null), React.createElement("br", null), React.createElement("iframe", { src: "", id: "frame", width: "600", height: "500" })); }
const Button2 = props => { return React.createElement("button", { className: "btn" }, props.buttonLabel); }
render() { return React.createElement("div", null, React.createElement(Button, { buttonLabel: "Start" }), React.createElement(Button, null), React.createElement(Button, null), React.createElement(Button2, null), React.createElement(Button2, { buttonLabel: "FC" }), React.createElement(Button3, null), React.createElement(Button3, { buttonLabel: "TS" })); }
render() { return React.createElement("button", { className: "btn btn-primary" }, this.props.buttonLabel); }
render() { return React.createElement("button", { className: "btn btn-warning" }, this.props.buttonLabel); }