javascript – ReactJs.获取儿童组件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – ReactJs.获取儿童组件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含834字，纯文字阅读大概需要2分钟。

内容图文

我是Bootstrap Panel的组件包装器：

var Panel = React.createClass({
    render: function () {
        return (
            <div className="panel panel-default">
                <div className="panel-heading">
                    <div className="panel-title">
                        {this.props.title}
                    </div>
                </div>
                <div className="panel-body"></div>
            </div>
        );
    }
});

如何在示例上输出“panel-body”标签“h1”和组件“AvailableActions”,你可以在下面看到什么？

var PlayerActions = React.createClass({
    render: function () {
        return (
            <Panel title="Actions">
                <h1>Some description here...</h1>
                <AvailableActions></AvailableActions>
            </Panel>
        );
    }
});

解决方法:

似乎你需要this.props.children

var Panel = React.createClass({
    render: function () {
        return (
            <div className="panel panel-default">
                <div className="panel-heading">
                    <div className="panel-title">
                        {this.props.title}
                    </div>
                </div>
                <div className="panel-body">{ this.props.children }</div>
            </div>
        );
    }
});

Example

内容总结

以上是互联网集市为您收集整理的javascript – ReactJs.获取儿童组件全部内容，希望文章能够帮你解决javascript – ReactJs.获取儿童组件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---