如何写出漂亮的React组件

marster_wang

于 2019-12-16 14:54:25 发布

阅读量148

点赞数

分类专栏： React 文章标签：优化 react 前端代码

本文链接：https://blog.youkuaiyun.com/qq_42217228/article/details/103562678

版权

3 篇文章

订阅专栏

一、SFC:Stateless Functional Component

例如：const yourComponentName = ({propsParams}) => (<div></div>)

const yourComponentName = ({propsParams}) => (<div></div>)

最合适使用SFC的地方就是用纯组件的地方。

二、Conditional Components

例如：

render() {
  <div class="search-results-list">
    {this.props.isSoftSort
      ? <SoftSortBanner />
      : null
    }
  </div>
}

三目运算符比if else更快。

三、多使用箭头函数。

四、多使用解构赋值。