React.js中常用的ES6写法总结（推荐）(2)

class AutoloadingPostsGrid extends React.Component { render() { var { className, ...others, // contains all properties of this.props except for className } = this.props; return ( <div className={className}> <PostsGrid {...others} /> <button onClick={this.handleLoadMoreClick}>Load more</button> </div> ); } }

下面这种写法，则是传递所有属性的同时，用新的className值进行覆盖（{…this.props}写在前边）：

<div {...this.props} className="override"> … </div>

这个例子则相反，如果属性中没有包含className，则提供默认的值，而如果属性中已经包含了，则使用属性中的值（{…this.props}写在后边）

<div className="base" {...this.props}> … </div>