Come dichiarare lo stile in propTypes?

Question

Con la regola forbid-prop-types abilitata, eslint mi impedisce di utilizzare style: React.PropTypes.object e si consiglia di utilizzare shape.

Ma è davvero necessario definire tutte le proprietà disponibili lì per questo scopo in questo modo?

DEMO.propTypes = { 
    style: React.PropTypes.shape({ 
     color: React.PropTypes.string, 
     fontSize: React.PropTypes.number, 
     ... 
    }) 
}; 

Troppo codice di definizione!

Answer 1

Una possibilità è quella di utilizzare il pacchetto react-style-proptype in questo modo:

import stylePropType from 'react-style-proptype'; 

MyComponent.propTypes = { 
    style: stylePropType, 
}; 

Answer 2

View.propTypes.style 

o

Text.propTypes.style 

Sarebbe simile a questa:

DEMO.propTypes = { 
    style: Text.propTypes.style, 
    ... 
}; 

https://facebook.github.io/react-native/releases/0.21/docs/style.html#pass-styles-around

Answer 3

React Native contiene ora ViewPropTypes, che sostituirà View.propTypes.style. Esempio di utilizzo:

import { ViewPropTypes } from 'react-native'; 

MyComponent.propTypes = { 
    style: ViewPropTypes.style 
};