Tengo problemas para determinar qué elemento se pasa a través del tipo de propiedad.

Aquí están mis componentes (simplificados):

 const MyButton = (props) => { return ( <button id={props.title} onClick={props.cb}/> ); } MyButton.propTypes = { title: PropTyps.string.isRequired, cb: PropTypes.func.isRequired }; class MySelect extends React.Component { ... ... render() { return ( <select value={props.value} > {this.props.options.map((option, index) => ( <option key={index} value={option.text}>{options.text}</option> ))} </select> ); } } MySelect.propTypes = { value: PropTypes.string.isRequired, options: PropTypes.arrayOf(PropTypes.shape({ text: PropTypes.string.isRequired })).isRequired };

Mi problema está en la función de renderizado de mi clase principal, necesito determinar qué tipo de accesorios tengo para saber qué renderizar.

 export default class MyApp extends React.Component { ... ... render() { return ( <div> --> Wrong {component instanceof MyButton && component} --> Wrong {component instanceOf MyButton && <MySelect value={component.props.value} options={component.props.options /> </div> } } MyApp.propTypes = { component: PropTypes.oneOfType([ PropTypes.instanceOf(MyButton), PropTypes.instanceOf(MySelect) ]).isRequired };

Recibo el tipo de utilería fallido