本文整理汇总了TypeScript中react.render函数的典型用法代码示例。如果您正苦于以下问题：TypeScript render函数的具体用法？TypeScript render怎么用？TypeScript render使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了render函数的10个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: render
window.addEventListener('load', () => {
render(MainApp({}), document.getElementById('app'));
}, false);示例2: render
/// <reference path="../typings/tsd.d.ts" />
import * as React from 'react';
interface TextAreaCounterProps extends React.Props<any> {
text: string;
}
interface TextAreaCounterState {
}
class TextAreaCounter extends React.Component<TextAreaCounterProps, TextAreaCounterState>{
render(){
return React.DOM.div(null, React.DOM.textarea({
defaultValue: this.props.text
}), React.DOM.h3(null, this.props.text.length));
}
}
React.render(React.createElement(TextAreaCounter, {text: "Bob" }),
document.getElementById("app"));
示例3: run
function run() {
render(
createElement(App, {}),
document.getElementById('app'))
}示例4: render
/// <reference path="../typings/tsd.d.ts" />
import * as React from 'react';
interface MyComponentProps extends React.Props<any> {
name: string;
}
class MyComponent extends React.Component<MyComponentProps, {}>{
render(){
return React.DOM.span(null, this.props.name);
}
}
React.render(React.createElement(MyComponent, {name: "I'm so custom" }),
document.getElementById("app"));
示例5: require
import * as React from 'react';
import * as Rx from 'rx';
import App from './app';
const RxDOM = require('rx-dom');
React.render(
React.createElement(App, {}),
document.getElementById('app'));
示例6: require
var React : any = require('react');
var AppComponent : any = require('./component/AppComponent.jsx');
var host = location.origin.replace(/^http/, 'ws');
React.render(
React.createElement(AppComponent,
{
'API' : host
}),
document.getElementById('content'));示例7: Square
import * as React from 'react';
import Square from 'Square';
import View from 'View';
let square = new Square(5);
console.log('square area', square.size, square.getArea());
React.render(
React.createElement(View, {name: 'Priit', age: 23}),
document.getElementById('app')
);示例8:
output$.subscribe((comp: React.ReactElement<any>) => {
React.render(
comp,
document.getElementById('app'))
});示例9: require
// browserify.js (our library that clumps together all these javascript files)
// needs a "main file" to derive all dependencies from and package up.
// This is that file.
/// <reference path="../common/def/node.d.ts"/>
var React: any = require('react');
var AppComponent: any = require('./component/AppComponent.jsx');
React.render(
React.createElement(AppComponent),
document.getElementById('content')
);示例10:
/**
* Created by shearerbeard on 6/16/15.
*/
///<reference path="../typings/references.d.ts"/>
import * as React from "react";
import {alt} from "./alt";
import {MainComponent} from "./components/Main";
React.render(
React.jsx(`<MainComponent />`),
document.getElementById("app")
);