本文整理匯總了TypeScript中react.DOM.div方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript DOM.div方法的具體用法？TypeScript DOM.div怎麽用？TypeScript DOM.div使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類react.DOM的用法示例。
在下文中一共展示了DOM.div方法的7個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的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);
}示例2: 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]));
}
});示例3: 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)))
}示例4: render
render(){
return React.DOM.div(null, React.DOM.textarea({
defaultValue: this.props.text
}), React.DOM.h3(null, this.props.text.length));
}示例5: render
render() { return DOM.div({}, "Hello"); }示例6: renderItem
renderItem(i: any, key: number) {
return DOM.li({ key },
DOM.b({}, i.type),
DOM.a({ href: i.repo.url }, i.repo.name),
DOM.div({}, i.created_at) );
}示例7: render
render(){
return React.DOM.div(null, React.DOM.textarea({
value: this.state.text,
onChange: this.textChange.bind(this)
}), React.DOM.h3(null, this.state.text.length));
}