یک نمونه JSON را بچسبانید و تایپ‌های JavaScript PropTypes آن را بگیرید.
در حال بارگذاری ابزار...
نحوه استفاده از JSON to JavaScript PropTypes
یک نمونه JSON نماینده بچسبانید، ترجیحاً با همه فیلدهای اختیاری پرشده.
نام تایپ ریشه را تعیین کنید و تصمیم بگیرید کد کمکی هم می‌خواهید یا فقط تایپ‌ها.
کد JavaScript PropTypes تولیدشده را در پروژه خود کپی کنید.
درباره JSON to JavaScript PropTypes
نوشتن کلاس‌های مدل با دست برای یک payload بزرگ JSON کسل‌کننده است و جایی است که غلط‌های تایپی رخنه می‌کنند. یک نمونه را اینجا بچسبانید و تولیدکننده ساختار را درمی‌آورد: کدام فیلدها وجود دارند، کدام شیء هستند، کدام آرایه و هر مقدار چه نوعی دارد. خروجی shapeهای React PropTypes است، آماده برای تخصیص به یک کامپوننت.
PropTypes فقط در buildهای توسعه propها را در زمان اجرا بررسی می‌کند و در تولید نادیده گرفته می‌شود. همه چیز در مرورگر شما اجرا می‌شود، بنابراین داده نمونه شما روی دستگاه شما می‌ماند.
استفاده از کد تولیدشده
shape exportشده را import کنید و به صورت MyComponent.propTypes = { data: RootShape } استفاده کنید.
مقدارهای اختیاری بدون isRequired می‌مانند، بنابراین undefined و null را می‌پذیرند.
پرسش‌های متداول
کد JavaScript PropTypes تولیدشده به چه چیزی وابسته است؟
خروجی shapeهای React PropTypes است، آماده برای تخصیص به یک کامپوننت.
چگونه با نتیجه JSON را تجزیه کنم؟
shape exportشده را import کنید و به صورت MyComponent.propTypes = { data: RootShape } استفاده کنید.
فیلدهای اختیاری و جاافتاده چگونه پردازش می‌شوند؟
مقدارهای اختیاری بدون isRequired می‌مانند، بنابراین undefined و null را می‌پذیرند.
آیا تولیدکننده بیش از یک رکورد را بررسی می‌کند؟
فقط آنچه را در نمونه شماست می‌داند. اگر فیلدی در مثال شما نباشد در تایپ‌ها ظاهر نمی‌شود و اگر مقداری در مثال شما null باشد، تایپ آن نامعلوم است. مثالی بچسبانید که در آن تا حد ممکن فیلدهای بیشتری پر شده‌اند، یا آرایه‌ای با چند رکورد متفاوت بچسبانید.
آیا JSON من به سرور فرستاده می‌شود؟
خیر. تولیدکننده بار اول که استفاده می‌کنید، حدود ۱ مگابایت، در مرورگر شما دانلود می‌شود و همه چیز به‌صورت محلی اجرا می‌شود.