কার্যক্ষম স্টেটলেস উপাদানগুলিতে প্রোপটাইপস

Question 1

ক্লাস ব্যবহার না করে, আমি কীভাবে প্রতিক্রিয়ার কার্যক্ষম স্টেটলেস উপাদানগুলিতে প্রোপটাইপগুলি ব্যবহার করব?

export const Header = (props) => (
   <div>hi</div>
)

Question 2

সরকারী দস্তাবেজ কিভাবে ES6 উপাদান শ্রেণীর সঙ্গে এই কাজ করতে দেন, কিন্তু একই আড়ম্বরহীন কার্মিক উপাদান জন্য প্রযোজ্য।

প্রথমত, npm install/ নতুন ঠেকনা-ধরনের প্যাকেজ যদি আপনি ইতিমধ্যে না।yarn add

তারপরে, স্টেটলেস ফাংশনাল উপাদান সংজ্ঞায়িত হওয়ার পরে, আপনার রফতানির আগে আপনার প্রোপটাইপগুলি (এবং প্রয়োজনে ডিফল্টপ্রপগুলিও যোগ করুন) add

import React from "react";
import PropTypes from "prop-types";

const Header = ({ name }) => <div>hi {name}</div>;

Header.propTypes = {
  name: PropTypes.string
};

// Same approach for defaultProps too
Header.defaultProps = {
  name: "Alan"
};

export default Header;

Question 3

স্টেটফুলের সাথে এটি আলাদা নয়, আপনি এটি যুক্ত করতে পারেন:

import PropTypes from 'prop-types';
Header.propTypes = {
  title: PropTypes.string
}

এখানে প্রম্প -প্রকারের এনপিএম -এর একটি লিঙ্ক

Question 4

শ্রেণিভিত্তিক উপাদানগুলিতে আপনি একইভাবে:

   import PropTypes from 'prop-types';

   const funcName = (props) => {
       ...
   }
   funcName.propTypes = {
       propName: PropTypes.string.isRequired
   }

দ্রষ্টব্য: আপনি ব্যবহার করছেন প্রতিক্রিয়া সংস্করণ উপর নির্ভর করে আপনাকে বা এর prop-typesমাধ্যমে ইনস্টল করতে হতে পারে ।npm install prop-typesyarn add prop-types

Question 5

এটি ক্লাস ভিত্তিক উপাদানগুলির সাথে আপনি যেমন করেন তেমনই সম্পন্ন হয়েছে

import PropTypes from "prop-types";

    const = function_name => {}

    function_name.propTypes = {
       prop_name : PropTypes.number
       . . . . . . . . . . . . . .
    }

আশাকরি এটা সাহায্য করবে !

Question 6

প্রতিক্রিয়া 15 , যেহেতু প্রপসpropTypes যাচাই করতে এবং ডকুমেন্টেশন এইভাবে সরবরাহ করতে ব্যবহার করুন:

import React from 'react';
import PropTypes from 'prop-types';

export const Header = (props={}) => (
   <div>{props}</div>
);
Header.propTypes = {
  props: PropTypes.object
};

ডিফল্ট মান অনুমানের উপর এই কোডটি props={}যদি উপাদানগুলিকে কোনও প্রপস সরবরাহ না করে।