TypeScript react.DOM类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中react.DOM类的典型用法代码示例。如果您正苦于以下问题：TypeScript DOM类的具体用法？TypeScript DOM怎么用？TypeScript DOM使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。

在下文中一共展示了DOM类的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: render

            public render() {
                const mp = this.props.MP;
                const choice = this.props.choice;
                const choices = choiceEnum;

                const reactChoices = [];

                forEach(choices, (c) => {

                    if (choice === c) {
                        reactChoices.push(React.DOM.div({className: 'choice selected'},
                                                        choices[c]));
                    } else {
                        let oc = null;
                        if (choice === -1) {
                            oc = ((c) => {
                                return () => {
                                    mp.move(c);
                                };
                            })(c);
                        }
                        reactChoices.push(React.DOM.div({className: 'choice', onClick: oc},
                                                        choices[c]));
                    }
                });

                const cn = choice === -1 ? 'unselected' : 'selected';

                reactChoices.push(React.DOM.div({className: 'clearer'}));
                return React.DOM.div({id: 'choices', className: cn}, reactChoices);
            }

开发者ID:zichun，项目名称:multiplayr，代码行数:31，代码来源:rockscissorspaper.ts

示例2: render

    render() {
        let style = { float: 'left', width: '500px' };
        let { state } = this.props;

        return DOM.div(
            { style },
            DOM.label({}, `${this.props.name} ${this.props.data.length}`),
            DOM.ol({}, this.props.data.map(this.renderItem)))
    }

开发者ID:duncanmak，项目名称:experiments，代码行数:9，代码来源:github-events.ts

示例3: render

function render() {
    ReactDOM.render(
        React.DOM.text(42),
        valueEl
    )
    //valueEl.innerHTML = store.getState().toString()
}

开发者ID:dmitry-a-morozov，项目名称:Sandbox，代码行数:7，代码来源:app.ts

示例4: forEach

                forEach(choices, (c) => {

                    if (choice === c) {
                        reactChoices.push(React.DOM.div({className: 'choice selected'},
                                                        choices[c]));
                    } else {
                        let oc = null;
                        if (choice === -1) {
                            oc = ((c) => {
                                return () => {
                                    mp.move(c);
                                };
                            })(c);
                        }
                        reactChoices.push(React.DOM.div({className: 'choice', onClick: oc},
                                                        choices[c]));
                    }
                });

开发者ID:zichun，项目名称:multiplayr，代码行数:18，代码来源:rockscissorspaper.ts

示例5: function

 render: function () : void {
     return D.div({},
                  D.span({ onMouseUp: this.handleNameClick }, this.props.name),
                  ": ",
                  React.DOM.input({ type: "text",
                                    ref: "input",
                                    onChange: this.doUpdate,
                                    defaultValue:
                                    this.props.backing.textContent,
                                    id: this.props.parent.getName() + "-" +
                                    this.props.name })
                 );
 }

开发者ID:，项目名称:，代码行数:13，代码来源:

注：本文中的react.DOM类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。