créer un pack npm avec le composant React | component.type is undefined

Question

J'ai créé un paquet npm avec mon composant de réaction. Babel préréglages es2015 et réagissent

Dans mon composant je prends tous les enfants et vérifie leur type (pour effectuer des actions spécifiques). Mais tous les enfants ont type == indéfini. Lorsque le composant est directement dans mon projet (non installé à partir du pack npm), tout fonctionne correctement.

React.Children.forEach(this.props.children, function (child) { 
     if (child.type === SomeChildComponent) { // <-- issue is here, from npm pack child.type is undefined 
      defs = React.Children.map(child.props.children, c => c.props); 
     } 
    }); 

Answer 1

Vous pouvez utiliser une fonction PropType personnalisé pour valider les enfants:

static propTypes = { 

    children: (props, propName, componentName) => { 
    const prop = props[propName]; 
    return React.Children.forEach(prop, child => { 
     if (child.type !== SomeChildComponent) { 
     error = new Error(`${componentName} children should be of type ${SomeChildComponent}.`); 
     } 
    }); 
    } 
} 

it helps