React.createElement传递一个“children”参数
var d = React.DOM; React.createElement(LabeledElement,{label: "Foo"},d.input({value: "foo"}) )
但是我找不到任何关于如何实际使用它的文档
var LabeledElement = React.createClass({ render: function() { return d.label({},d.span({classNames: 'label'},this.props.label),//How to place children here? } })
我确定这有一个非常简单的答案.
孩子们通过JSX嵌套或者通过React.createElement的第三个参数传递给一个组件,在组件中显示为this.props.children:
var MyLabel = React.createClass({ render: function() { return React.createElement("label",{className: "label"},React.createElement("span",this.props.children ); } }); var App = React.createClass({ render: function() { return React.createElement(MyLabel,{label: "Here is the label prop"},React.createElement("div",{},React.createElement("input",{type: "text",value: "And here is a child"}) ) ); } });
示例:http://jsfiddle.net/BinaryMuse/typ1f2mf/; docs:http://facebook.github.io/react/docs/multiple-components.html#children
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。