معرفی
چرخ فلک یک کنترل محبوب است که در بسیاری از برنامه های کاربردی وب استفاده می شود. ما می توانیم آن را به صورت دستی در SPFx Webpart با استفاده از بوت استرپ یا با استفاده از جاوا اسکریپت و CSS توسعه دهیم. نوشتن این کنترل ها به صورت دستی دشوار است. ما باید هر رویداد را به صورت دستی مدیریت کنیم.
برای استفاده از کنترل های PnP در برنامه ما از کتابخانه @pnp/spfx-controls-react استفاده می کنیم . این کتابخانه مجموعه ای از کنترل های React قابل استفاده مجدد را ارائه می دهد که می توانند در راه حل های SharePoint Framework (SPFx) استفاده شوند. این کتابخانه کنترل هایی را برای ساخت قطعات وب و افزونه ها فراهم می کند.
سناریو
در این مثال، ما یک لیست به نام چرخ فلک ایجاد می کنیم و در لیست، یک فیلد توضیحات (که شامل چند خط متن خواهد بود)، فیلد تصویر (این یک لینک/تصویر خواهد بود) ایجاد می کنیم.
ما از PnPJ ها برای دریافت آیتم های لیست استفاده می کنیم و سپس آنها را به شکل چرخ فلک ارائه می کنیم.
در پایان خروجی ما به این صورت خواهد بود
![خروجی](http://pezhvak24.ir/dl/codenevis/firstcode/article/how-to-use-carousel-control-of-pnp-in-spfx-webpart/Images/Output.png)