如何写出漂亮的React组件

onClick={(event) =>

this._handleClick(query.searchQuery, event)}

key={index}>

{query.searchText}

</Link>

)}

</Layout>

</section>

);

}

const _handleClick(suggestedUrl, onClick, event) => { 
 
  event.preventDefault(); 
 
  onClick(suggestedUrl); 
 
}; 
 
const RelatedSearch = ({ relatedQueries, onClick }) => 
 
  <section className="related-search-container"> 
 
    <h1 className="related-search-title">Related Searches:</h1> 
 
    <Layout x-small={2} small={3} medium={4} padded={true}> 
 
      {relatedQueries.map((query, index) => 
 
        <Link 
 
          className="related-search-link" 
 
          onClick={(event) => 
 
            _handleClick(query.searchQuery, onClick, event)} 
 
          key={index}> 
 
          {query.searchText} 
 
        </Link> 
 
      )} 
 
    </Layout> 
 
  </section> 
 
export default RelatedSearch;

代码量的削减重要来源两个方面:

没有构造函数(5行)
2/6 首页上一页 1 2 3 4 5 6 下一页尾页

　　推荐阅读

　　第一次使用苹果操作系统需要掌握哪些知识？

用 AirDrop 可以便利地在 Mac与Mac、iPhone与iPhone 甚至 Mac 与 iPhone 之间无线发送分享照片、视频、网站、地位等内容。速度还很快。应用时须要开启Wi-Fi和蓝牙。第一次应用苹不雅操作>>>详细阅读

本文标题：如何写出漂亮的React组件

地址：http://www.17bianji.com/lsqh/37109.html

1/2 1