بررسی اجمالی
چارچوب شیرپوینت به صورت بومی React JS را پشتیبانی می کند. React با شیرپوینت به خوبی کار می کند و فقط DOM مجازی آنچه را تغییر داده است به روز می کند به جای اینکه کل DOM (مدل شیء سند) را دوباره رندر کند. ReactComponent یکی از بلوک های اصلی React است که دارای یک حالت است. هنگامی که وضعیت تغییر کرد، React آنچه را که تغییر کرده است به صورت خودکار ارائه می کند. ما می توانیم داده های نسبتاً بزرگی را در یک وضعیت داشته باشیم.
React State
یک حالت داده های قابل تغییر است که نشان دهنده وضعیت داخلی جزء است. وقتی وضعیت بهروزرسانی میشود، مؤلفه و فرزندان آن دوباره رندر میشوند. ایده آل است که یک حالت را در یک سازنده مقداردهی کنید. هر رویدادی که در بخش وب SharePoint Framework اتفاق می افتد می تواند وضعیت کامپوننت را تغییر دهد. می توانیم از متد setState ReactComponent برای تغییر حالت آن استفاده کنیم. هنگامی که ایالت داده های عظیمی دارد، تنظیم مجدد داده ها همراه با آنچه تغییر کرده است چالش برانگیز است. در این شرایط، ما باید تا حدی وضعیت را به روز کنیم.
راه حل SPFx ایجاد کنید
خط فرمان را باز کنید. یک دایرکتوری برای راه حل SPFx ایجاد کنید.
- md spfx-react-partial-state-update
به دایرکتوری ایجاد شده در بالا بروید.
- cd spfx-react-partial-state-update
برای ایجاد راه حل، Yeoman SharePoint Generator را اجرا کنید.
- yo @microsoft/sharepoint
ژنراتور Yeoman با پرسیدن سوالاتی در مورد راه حلی که باید ایجاد شود، جادوگر را به شما معرفی می کند.
![SharePoint Framework - React Partial State Update](http://pezhvak24.ir/dl/10kcor/cscd/article/sharepoint-framework-react-partial-state-update/Images/01.png)
نام راه حل: برای داشتن یک نام پیش فرض (spfx-react-partial-state-update در این مورد) Enter را بزنید یا هر نام دیگری را برای راه حل خود تایپ کنید.
انتخاب انتخاب شده: Enter را بزنید
هدف برای کامپوننت: در اینجا، میتوانیم محیط هدفی را انتخاب کنیم که در آن قصد داریم بخش وب مشتری را مستقر کنیم، یعنی SharePoint Online یا SharePoint OnPremise (SharePoint 2016 به بعد).
انتخاب انتخاب شده: فقط شیرپوینت آنلاین (جدیدترین)
محل فایل ها: ممکن است انتخاب کنیم که از پوشه فعلی استفاده کنیم یا یک زیرپوشه برای راه حل خود ایجاد کنیم.
انتخاب انتخاب شده: از پوشه فعلی استفاده کنید
گزینه استقرار: ممکن است به ادمین مستاجر اجازه دهیم که بتواند بلافاصله راه حل را در همه سایت ها بدون اجرای هیچ گونه استقرار ویژگی یا افزودن برنامه در سایت ها اجرا کند.
انتخاب انتخاب شده: N (نصب در هر سایت به طور صریح)
نوع کامپوننت سمت کلاینت برای ایجاد: می توانیم انتخاب کنیم که یک بخش وب سمت کلاینت یا یک افزونه ایجاد کنیم. گزینه web part را انتخاب کنید.
انتخاب انتخاب شده: WebPart