1.无状态组件,函数式组件, 影子组件,傻瓜组件,UI组件
export default ({ value, index, deleteItem }) => {
return (
<li>
{ value }
<button className="red" onClick={ deleteItem.bind(this,index) }>删除</button>
</li>
)
}
2.类的定义
export default class PostItem extends Component {
..../
}
总结:类的组件形式相对于函数化组件更消耗性能
网友评论