React入门学习_html/css_WEB-ITnose

如何渲染到容器

直接上代码：

    //第一个参数是构造的组件，第二个参数是使用组件的容器    ReactDom.render( , document.getElementByID(''));

render渲染页面将组件放到选定的元素里面

如何定义组件

使用 React.createClass({render:function(){return ( 我是dom元素 )}})构建

    var ProfilePic = React.createClass({          render: function() {            //可以在return前进行相关处理            return (                                );        }    });

1. return()括号中只能填写一个标签，否则报错

2. this.props是 ReactDOM.render中传递的属性，是一个对象对于组件套组件的方式可以传递属性值，如下面例子

组件套组件

    // 渲染到容器    ReactDOM.render(        ,         document.getElementById('example')    );        var Avatar = React.createClass({          render: function() {            return (                                    //this.props包含了name和link的属性，同时在ProfilePic组件中可以使用this.props获取link的值

      
查看更多关于React入门学习_html/css_WEB-ITnose的详细内容...
        
          声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did110909

更新时间：2022-11-17 阅读：28次