一、...this.props介绍
props提供的语法糖,可以将父组件中的所有属性复制给子组件。
二、案例
定义一个组件link,这个Link组件中只包含一个<a>,我们不给Link这个组件设置任何的属性,所有的属性都从父组件获得。
- 定义link组件
注意:...this.props复制父组件的属性。var Link = React.createClass({ render : function(){ return <a {...this.props}>{this.props.name}</a> } });
- 渲染
注意:href 为父组件属性。name给子组件传值。ReactDOM.render( <Link href = "http://www.lanou3g.com" name = "百度科技"/>, document.getElementById("container") );