რა განსხვავებაა createElement-სა და cloneElement-ს შორის?
რა განსხვავებაა createElement-სა და cloneElement-ს შორის?

ვიდეო: რა განსხვავებაა createElement-სა და cloneElement-ს შორის?

ვიდეო: რა განსხვავებაა createElement-სა და cloneElement-ს შორის?
ვიდეო: What is the difference between createElement and cloneElement in reactjs #reactjs #shorts 2024, მაისი
Anonim

რა განსხვავებაა createElement-სა და cloneElement-ს შორის ? JSX გადადის შექმნა ელემენტი და React იყენებს მას React ელემენტების შესაქმნელად. კლონიელემენტი გამოიყენება როგორც კომპონენტის კლონირებისა და ახალი რეკვიზიტების გადაცემის მოთხოვნის ნაწილი.

მაშინ, რას აკეთებს react cloneElement?

The რეაგირება . კლონიელემენტი () ფუნქცია აბრუნებს მითითებული ელემენტის ასლს. დამატებითი რეკვიზიტები და ბავშვები შეუძლია გადაეცემა ფუნქციაში. შენ იქნებოდა გამოიყენეთ ეს ფუნქცია, როდესაც მშობელ კომპონენტს სურს თავისი შვილების საყრდენი(ებ)ის დამატება ან შეცვლა.

რა განსხვავებაა PureComponent-სა და კომპონენტს შორის? Კომპონენტი და PureComponent მიირთვი განსხვავება PureComponent ზუსტად იგივეა რაც Კომპონენტი გარდა იმისა, რომ ის ამუშავებს shouldComponentUpdate მეთოდს თქვენთვის. როდესაც რეკვიზიტები ან მდგომარეობა იცვლება, PureComponent ზედაპირს გააკეთებს შედარება რეკვიზიტზეც და მდგომარეობაზეც.

გარდა ამისა, რა არის createElement-ის დაბრუნება?

შექმნა ელემენტი () შექმნა და დაბრუნების ახალი რეაგირება მოცემული ტიპის ელემენტი. ტიპის არგუმენტი შეუძლია იყოს ან ტეგის სახელის სტრიქონი (როგორიცაა 'div' ან 'span'), a რეაგირება კომპონენტის ტიპი (კლასი ან ფუნქცია), ან ა რეაგირება ფრაგმენტის ტიპი. კოდი დაწერილი JSX-ით ნება გარდაიქმნება გამოსაყენებლად რეაგირება . იხ რეაგირება JSX-ის გარეშე მეტის გასაგებად.

როდის უნდა გამოიყენოთ Docomponentupdate?

ShouldComponentUpdate საშუალებას გვაძლევს ვთქვათ: განაახლეთ მხოლოდ იმ შემთხვევაში, თუ შეიცვლება თქვენთვის საინტერესო რეკვიზიტები. მაგრამ გახსოვდეთ, რომ ამან შეიძლება გამოიწვიოს სერიოზული პრობლემები, თუ დააყენებთ და დაივიწყებთ, რადგან თქვენი React კომპონენტი ნორმალურად არ განახლდება. Ისე გამოყენება სიფრთხილით. Ყველაზე გავრცელებული გამოყენება შემთხვევა: ზუსტად აკონტროლებთ, როდის მოხდება თქვენი კომპონენტი ხელახლა რენდერირება.

გირჩევთ: