Mit proptypes auf einer Funktionskomponente

Question

ich bin Folowing ein Egghead Tutorial reagieren, wo der Lehrer versuchte proptypes auf einer Funktionskomponente zu implementieren, ohne den proptypes api zu verwenden, und dies ist die Art und Weise, wie er es getan hat:

    function SayHello(props){ 
         return (
          <div> 
           Hello {props.firstName} {props.lastName} ! 
          </div> 
         ) 
        } 
        SayHello.propTypes = { 
         firstName(props, propName, componentName) { 
          if (typeof props[propName] !== 'string') { 
           return new Error(`Hey, you should pass a string for ${propName} in ${componentName} but you passed a ${typeof props[propName]}`) 
          } 

         } 
        } 

könnte dies eine dumme Frage, aber ich kann wirklich nicht verstehen, wie dieses Stück Code funktioniert, kann jemand bitte erklären sie mir, wie ist firstName(props, propName, componentName) ohne genannt invokated wird und wie kommt es, dass die componentName kehrt SayHello? Ist es eine Standardeigenschaft in jeder Komponente?

Answer 1

Der tatsächliche Prop-Typ Kontrolleure (ef array, bool, etc.) von reagieren ‚Prop-Typ‘ Bibliothek der Funktion der folgenden Unterschrift Rückkehr

function validate(props, propName, componentName, location, propFullName, secret) 

einfach So reagiert Bibliothek diese Funktionen mit den Argumenten aufruft bezüglich der aktuellen zu validierenden Komponente.

Wenn Sie Ihre eigene Funktion schreiben, wie der Lehrer tat, sollte es die gleiche