這是講 ahooks 源碼的第一篇文章,簡要就是以下幾點: 加深對 React hooks 的理解。 學習如何抽象自定義 hooks。構建屬于自己的 React hooks 工具庫。 培養閱讀學習源碼的習慣,工具庫是一個對源碼閱讀不錯的選擇。 注:本系列對 ahooks 的源碼解析是基于v3.3.13。自己 folk 了一份源碼,主要是對源碼做了一些解讀,可見詳情。 第一篇主要介紹 a...
在工作中效率要求是很高的,現在就在頻繁用到復選框,我們自己來寫了個組件,增加其復用性,提高效率。 先看效果圖: 這樣只需提交后得到一個選中項的id組成的數組 下邊直接上代碼: 代碼地址為:components/checkGrop/checkGrop wxml: <formbindsubmit="formSubmit"> <viewclass...
我們講下 ahooks 的核心 hook —— useRequest。 useRequest 簡介 根據官方文檔的介紹,useRequest 是一個強大的異步數據管理的 Hooks,React 項目中的網絡請求場景使用 useRequest ,這就可以。 useRequest通過插件式組織代碼,核心代碼極其簡單,并且可以很方便的擴展出更高級的功能。目前已有能力包括: 自動請求/手動請求 ...
大家會發現,自從 React v16.8 推出了 Hooks API,前端框架圈并開啟了新的邏輯復用的時代,從此無需在意 HOC 的無限套娃導致性能差的問題,同時也解決了 mixin 的可閱讀性差的問題。這里也有對于 React 最大的變化是函數式組件可以有自己的狀態,扁平化的邏輯組織方式,更加友好地支持 TS 類型聲明。 在運用Hooks的時候,除了 React 官方提供的,同時也支持我們...
在項目開發中,會要求在小程序有時使用下拉框選項。在通常思路就是用 picker 組件實現。pick 組件使用 mode 來區分類別,默認使用普通選擇器就行。 還有另一個方法就是可以通過自定義組件實現,代碼如下: //index.js Component({ /** *組件的屬性列表 */ properties:{ propArray:{ type:Array, ...